Файл Js не загружается в приложение Rails - PullRequest
Новая
       14

Файл Js не загружается в приложение Rails

0 голосов
/ 26 октября 2018

Я делаю проект с нуля и получаю досадную ошибку, с которой я работаю без успеха.

Я пытаюсь добавить файл 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 работал?

Спасибо

1 Ответ

0 голосов
/ 26 октября 2018

измените свой код в 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 %>
...