在 Rails 6 jquery 中加载主题资产和资产加载顺序

Question

I have a rails app with the logic almost done and I'm now loading a theme from ThemeForest, I've loaded in the stylesheets, however, javascript wise I'm having issues. I've installed jquery via Yarn.

Here are the console errors

Here is my application.js file

As you can see it's linking the main.js file which is just a list of the themes javascript files as shown in the theme files

I'm not sure where I'm going wrong.

Answer 1

Create in app/assets/javascripts/main.js

In main.js file import your assets.. for example:

//= require jquery/dist/jquery
//= require fastclick/lib/fastclick

in your template

<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'main', 'data-turbolinks-track': 'reload' %>