在男性堆栈应用程序中使用jQuery

Question

我正在使用mongo，express，node.js构建一个应用程序。我试图将一些jQuery嵌入一个.ejs文件中，以便用户投票帖子时，该帖子的分数会增加（或减少）。我读了这篇文章如何在Express App中使用NPM安装的NPM ？。我包括＆lt; script src =“ https：//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”在我的标题中。但是，当我执行代码时，我会遇到“未定义$”的错误。这是代码的相关部分：

              <div class="carousel-inner">
                <!-- Carousel item represents each slide -->
                <div class="carousel-item active">
                  <div class="container">
                    <div class="row align-items-center">
                      <h2>
                        Use Arrow Buttons to Scroll DOWN and UP
                      </h2>
                    </div>
                  </div>
                </div>

                <%   
                  var max = questions.length
                  for (var i = 0; i < max; i++) {
                %>
                <div class="carousel-item" style="text-align: justify" >
                  <div class="row">
                    <h2><%= questions[i].title %></h2>
                    <p><%= questions[i].body %></p>
                    
                  </div>
                  <div class="row" style="width: 100%; height: 90px; white-space: nowrap; overflow-x: auto;">
                    <p style = "display: inline-block; width: 70%; height: 100%;"><strong>Posted by: </strong><%= questions[i].userid.username %> on <%= questions[i].datePosted.toDateString() %> </p>
                    <button id="submitButton" style = "display: inline-block; width: 30%; height: 50%; border-radius: 5px; background-color:darkcyan" type="submit">View Responses</button>
                  </div>
                  <div class="row" style="width: 100%; height: 90px; white-space: nowrap; overflow-x: auto;">
                    <button style = "display: inline-block; width: 25%; height: 50%; border-radius: 5px" id="minus">-</button>
                    <button style = "display: inline-block; width: 25%; height: 50%; border-radius: 5px" is="plus">+</button>
                    <%  relevance = questions[i].upvotes %>
                    <p style = "display: inline-block; width: 50%; height: 100%;" id = "score"><strong>  Score: </strong> <%= relevance %></p>
                  </div>
                  <%
                    var myBoolean = 0;
                    
                    $("#plus").click(function(){
                    
                      if (myBoolean == 0) {
                      relevance++;
                      myBoolean = 1;
                      }
                      $("#score").text(relevance);
                    });
                    
                    $("#minus").click(function(){
                      if (myBoolean == 0) {
                        relevance--;    
                      myBoolean = 1;
                      }
                      $("#score").text(relevance);
                    });
                    
                    %>
                </div>
                <% } %>
              </div>

我还想使用Mongoose更新我的MongoDB数据库，但是现在我只是在尝试获得基本的增量 /减少工作。我测试了以＆lt;％var myboolean ...％的摘要以外的所有代码。％＆gt;。一切都起作用。就在我尝试使用jQuery时，这是行不通的。有人可以将我指向正确的方向吗？