如何使用 Rails 查找和提供 JavaScript 文件

Question

我試圖安裝“所見即所得軌”和“ toastr護欄”。

而且我還嘗試安裝諸如“ Summernote ”之類的替代 gem 以避免該錯誤，但發生了同樣的錯誤“找不到模塊”。 CSS 文件已成功加載，但 JavaScript 文件未加載。

使用以下命令安裝 Summernote gem：

應用程序.js：

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("summernote/summernote-bs4.min")

應用程序.scss：

@import "bootstrap";
@import "summernote-bs4";

一切都已配置，當我嘗試加載頁面時，Chrome 控制台會顯示：

application.js:9 Uncaught Error: Cannot find module 'summernote/summernote-bs4.min'

Application.js line 9: `require("summernote/summernote-bs4.min")`

並且服務器終端顯示消息：

Module not found: Error: Can't resolve 'summernote/summernote-bs4.min' in '/d/myproject/app/javascript/packs'

我正在使用 Ruby 2.7.0p0 和 Rails 6.0.2.1，並且我通過紗線安裝了 jQuery 和 popper。

Answer 1

通常，gems 旨在與 Sprockets（資產管道）一起使用。 支持 Webpacker 集成的 Gems 通常有一個匹配的yarn / npm包。

我什至還沒有找到一種方法來使用 Webpacker 編譯器自動識別的 JavaScript 資產制作 gem。 您必須添加一個 JavaScript 包或將所需的 JavaScript 復制到 JavaScripts 文件夾中。

使用 Webpacker 時，如果需要資產，使用 npm/yarn 包而不是 Rails gems 更容易添加第三方代碼。