Rails 应用程序未加载 Js 文件

Question

我从头开始做一个项目，遇到一个恼人的错误，但我没有成功处理。

我正在尝试将 JS 文件添加到页面但没有成功。

这些是我的文件：

#application.html.erb
<!DOCTYPE html>
<html>
<head>
  <title>Workspace</title>
    <%= stylesheet_link_tag    'application', media: 'all' %>
    <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

还有我的application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require welcome
//= require_tree .

我的 welcome.js 里面 /assets/javascripts:

#/assets/javascripts/welcome.js
$(document).ready(function(){
    $('#present').mouseenter(function(){
        alert("MouseEnter!"); // This will create an alert box
        console.log("MouseEnter!"); // This will log to the JS console on your browser which is a bit nicer to read than alerts, you do not need both, just preference
        $(this).fadeIn('fast',1);
    });

    $('#present').mouseleave(function(){
        alert("MouseLeave!"); // This will create an alert box
        console.log("MouseLeave!");
        $(this).fadeIn('fast',0.5);
    });
});

当我运行根页面时，正在显示 JS 查看检查器。但是看起来空荡荡的（我不知道这是不是平常的事）

src="/assets/welcome.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1"

如果我使用它显示的浏览器打开它：

(function() {


}).call(this);

嗯。有人知道我该怎么做才能让 Javascript 正常工作吗？

谢谢

Answer 1

更改 application.html.erb

中的代码

来自：

<%= stylesheet_link_tag    'application', media: 'all' %>
<%= javascript_include_tag 'application' %>

对此：

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

Rails 应用程序未加载 Js 文件

Js file not being loaded on Rails application

ruby-on-rails

asset-pipeline