Tag: webpack 2

如何在rails 5.1.3 + webpacker上的视图中使用jquery

我想使用一个简单的jQuery函数,如下所示: $( document ).ready(function(){ $(‘body’).addClass(“faded”); }); 从rails 5.1.3应用程序中的单个视图,在本例中为“login.html.erb” 在webpack的application.js我有: var $ = require(‘jquery’); 这使得前面提到的jquery调用工作如果我将它放在相同的application.js文件上,但这意味着它将被调用所有页面,因为在布局上。 当我尝试在login.html.erb上运行它时,如下所示: $( document ).ready(function(){ $(‘body’).addClass(“faded”); }); 我在控制台上收到错误:“ReferenceError:$未定义”。 如果我尝试在login.html.erb文件中执行“从’jquery’;”导入$,我会收到此错误:“SyntaxError:import声明可能只出现在模块的顶层”,这可以理解为我的本地。 erb视图无法访问webpacker的application.js上引用的javascript,也无法从那里导入它。 我如何从视图中引用jquery以及webpacker所服务的任何模块? 如果以前曾经问过这个问题,我很抱歉,经过几天阅读关于webpack,webpacker gem和javascript而没有找到解决方案后,我发布了这个问题。 🙂