未捕获的 ReferenceError: $ 未在 Rails 5.2 中定义

Question

我正在构建一个 Rails 应用程序，当用户单击索引表的行时，我希望将用户重定向到 #show 操作。

为此，我尝试在我的咖啡脚本文件中使用 Jquery。这是相关代码

index.html.erb：

<% @campaign.each do |campaign| %>
    <tr data-link="<%= campaign_path(campaign) %>">
        <td><%= campaign.campaign_name %></td>
        <td><%= campaign.start_date %></td>
        <td><%= campaign.created_at %></td>
        <td><%= link_to "delete", campaign, class:"btn btn-default btn-xs", method: :delete, data: { confirm: "You sure?" } %></td>
     </tr>
<% end %>

campaigns.coffee：

$ ->
  $("tr[data-link]").click ->
    window.location.replace($(this).data("link"));

但是一旦我运行它，我就会在浏览器控制台中看到这个错误：

Uncaught ReferenceError: $ is not defined

我已经安装了jquery-rails gem。也将它包含在我的application.js 文件中。当我的应用程序被渲染时，我也在标题中看到了 Jquery 脚本标记

<script src="/assets/jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1"></script>

但我仍然在控制台中看到此错误

Uncaught ReferenceError: $ is not defined
at campaigns.self-4617c47e06384e281aa2550caae08f3b4986441d2bfff9b6e3519f0a1e82f3d7.js?body=1:2
at campaigns.self-4617c47e06384e281aa2550caae08f3b4986441d2bfff9b6e3519f0a1e82f3d7.js?body=1:8
(anonymous) @ campaigns.self-4617c47e06384e281aa2550caae08f3b4986441d2bfff9b6e3519f0a1e82f3d7.js?body=1:2
(anonymous) @ campaigns.self-4617c47e06384e281aa2550caae08f3b4986441d2bfff9b6e3519f0a1e82f3d7.js?body=1:8

我错过了什么吗？感谢您的帮助。

Answer 1

我想我也遇到了同样的问题，我意识到我一定误解了official guide：

我在 Rails 5.2（Rails 5.1 之后）中想到的，因为我们有内置的 rails-ujs，我们不再需要 jquery/jquery_ujs。

但我错了。

我通过article 了解到我的错误。在我发现“未捕获的 ReferenceError：$ 未定义”问题后，我怀疑的是“没有安装 jquery”。并且查了很多帖子后，我尝试安装jquery-rails进行测试。

终于成功了。

是的，即使在 Rails 5.2 中，我们也需要 jquery-rails。

Answer 2

安装jquery-rails之后再按照application.js的顺序进行

//= require jquery
//= require jquery_ujs 
.....

见Installation

来自评论的解决方案

我已经知道问题可能出在哪里。在我的application.js 中，每当我添加require jquery 时，它都会破坏我的整个应用程序并将所有页面重定向到localhost:3000/undefined

//= require rails-ujs 
//= require jquery 
//= require activestorage 
//= require turbolinks 
//= require_tree . 

如果我删除require jquery，那么它将再次开始正常工作。