相关疑难解决方法(0)

Rails 5/6:如何在webpacker中包含JS函数?

我正在尝试将Rails 3应用程序更新为Rails 6,并且由于无法访问我的Javascript函数,我现在的默认webpacker出现了问题。

我得到:ReferenceError: Can't find variable: functionName对于所有js函数触发器。

我所做的是:

  • 在/ app / javascript中创建一个app_directory
  • 将我的开发javascript文件复制到app_directory中,并将其重命名为index.js
  • 添加console.log('Hello World from Webpacker');到index.js
  • 已添加import "app_directory";到/app/javascript/packs/application.js
  • 添加到/config/initializers/content_security_policy.rb:

    Rails.application.config.content_security_policy do |policy|
      policy.connect_src :self, :https, "http://localhost:3035", "ws://localhost:3035" if Rails.env.development?
    end
    
    Run Code Online (Sandbox Code Playgroud)

我将“ Webpacker的Hello World”登录到控制台,但是当尝试通过<div id="x" onclick="functionX()"></div>浏览器访问简单的JS函数时,出现参考错误。

我了解到资产管道已被webpacker取代,这对于包含模块来说应该是很好的选择,但是我应该如何包括简单的JS函数?我想念什么?

提前致谢?

javascript ruby-on-rails webpack webpacker ruby-on-rails-6

4
推荐指数
2
解决办法
2406
查看次数