ruby-on-rails - 将外部 .js 文件添加到新的 Rails 6 Web 应用程序

标签 ruby-on-rails ruby-on-rails-6

我创建了一个新的 Rails 6 应用程序。在 Rails 6 中,javascript 文件夹在 Assets 之外。我已将现有应用程序中的所有 cssjs 文件复制到这个新应用程序和 application.css,application.js 已更新。 application.css 工作正常但 application.js 不工作。在编译 (bin/webpack) webpack 时显示如下错误 =>

ERROR in ./app/javascript/packs/application.js Module not found: Error: Can't resolve 'file_name' in >'/home/app/javascript/packs' @ ./app/javascript/packs/application.js.

application.js 中,我添加了那些具有 require('file_name') 语法的 .js 文件。我将所有 .js 文件粘贴到 app/javascript/packs 文件夹中。请帮我解决这个问题。

最佳答案

app/javascript/packs 文件夹对于 Webpacker 来说是特殊的。它应该只有“启动”您的页面的 javascript 文件。如果您从单个脚本加载所有内容,这通常是 application.js,但如果您有一个特殊的日历页面/小部件,您也可以使用类似 calendar.js 的东西.

所有其他代码通常位于 app/javascript/src 文件夹中。在你的 app/javascript/packs/application.js 文件中,你可以 require('src/file_name') 要求文件位于 app/javascript/src/文件名.js

关于ruby-on-rails - 将外部 .js 文件添加到新的 Rails 6 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57816025/

相关文章:

javascript - 如何使用 webpacker 使 Rails 6 项目中的页面可以访问 javascript 函数?

heroku - csrf_meta_tags 和 form_for 在 Heroku 上生成无效的 base64

ruby-on-rails - 如何在 Rails 6 中使用 cocoon gem

ruby-on-rails - rails : permission denied for relation schema_migrations

ruby-on-rails - 在 ruby​​ 中测试 mixin

ruby-on-rails - 如何美化 ActiveAdmin 的 json 输出?

ruby-on-rails - 在 Rails 6 和 Puma 上仍然需要工作启动时建立连接吗?

ruby-on-rails - 如何使用事件模型为 date_select 下拉菜单定义虚拟属性

ruby-on-rails - Rails : NoMethodError, 如何显示用户配置文件?

ruby-on-rails - 带有 Turbolinks 的多页 Rails 6 应用程序的 VueJS - 布局