无法在Rails（5+）中加载控制器特定的javascript文件

Question

I have tried as many potential solutions as I can find and, so far, nothing has worked. The code in the .js file is not being executed nor does it appear to be present anywhere in the client browser.

application.html.erb loads this partial in the head:

<%= csrf_meta_tags %>
<%= stylesheet_link_tag "application", params[:controller], media: "all" %>
<%= javascript_include_tag "application", params[:controller] %>

config/initializers/assets.rb

%w(  articles password_resets sessions static_pages users ).each do |controller|
  Rails.application.config.assets.precompile += ["#{controller}.js.coffee", "#{controller}.css"]
end

[controller-name-here].js

$(document).ready(function() {
    alert('My controller');
});

In the browser, when everything above is as it is, there will be an asset called '[controller-name].self.longstringhere.js?body=1'. It will have this code in it:

(function() {


}).call(this);

… which does not exist anywhere in my project. If I remove the controller from the assets.rb, when trying to load a page from that controller, it throws an error [as expected]. When getting rid of the entry in the application layout, the '[controller].self.js' file is missing from the browser's assets [as expected]. However, whether or not any of the controllers' js files are missing or not doesn't cause any errors and does not preclude the browser's assets from including the '[controller].self.js'. It is like the files in app/assets/javascripts are totally ignored and “stubbed out”.

NOTE: I specifically do not have '//= require_tree .' and '*= require_tree .' in the application.js/.css files as I am specifically following the instructions here . This is intentional.

I have also removed all references that I can find (gem's, assets, etc.) of turbolinks as I have been reading that this can cause evil things to happen that may relate to this issue.

I have also restarted the server, precompiled the assets, and have done this and several other ritualistic things many times - all to no avail.

For the record, I also changed the "#{controller}.js.coffee" in the assets.rb to just '.js' to no avail. But I read that this isn't necessary anyway.

This problem is with all controller's – not just one in particular.

Thanks for your help!

[EDIT] I created a new rails project using scaffolding and followed the same procedure (but ensuring that the precompiled asset (posts.js) was called out specifically by name in assets.rb) and have the same problem as described above including the same javascript "stub" code in the browser's posts.blahblah.js file.

Answer 1

Seems like your file name is [controller-name-here].js and you are using js not coffee.

But you are adding coffee file in your config/initializers/assets.rb file. that's why it's not able to compile file properly. Try change your config/initializers/assets.rb file like below:

%w(  articles password_resets sessions static_pages users ).each do |controller|
  Rails.application.config.assets.precompile += ["#{controller}.js", "#{controller}.css"]
end

Everything else seems fine.