将外部 .js 文件添加到新的 Rails 6 网络应用程序

Adding external .js files to a new Rails 6 web app

我创建了一个新的 rails 6 应用程序。在 rails 6 中,javascript 文件夹是外部资产。我已将现有应用程序中的所有 cssjs 文件复制到这个新应用程序,并更新了 application.cssapplication.jsapplication.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 中,我添加了 .js 具有 require('file_name') 语法的文件。我将所有 .js 文件粘贴到 app/javascript/packs 文件夹中。请帮我解决这个问题。

app/javascript/packs 文件夹对于 Webpacker 来说是特殊的。它应该只有 javascript 个文件 "boot up" 您的页面。如果您从单个脚本加载所有内容,这通常是 application.js,但如果您有一个特殊的日历 page/widget.

,您也可以有类似 calendar.js 的内容

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