无法使 JS 插件与 Rails 5.1 和 Yarn 一起使用

Question

我正在尝试按照this guide's 的建议在 Rails 5.1 应用程序中安装 fullpage.js 插件，但没有成功。我遵循的步骤是：

1. 在命令行输入yarn add fullpage.js
2. 检查插件是否列在 package.json 中（该插件确实在依赖项下列为"fullpage.js": "^2.9.4"）
3. 使用//= require fullpage在app/assets/javascripts/application.js的JS清单中声明插件

不幸的是，我在加载网页时遇到异常（

找不到类型为“application/javascript”的文件“fullpage”

)

我尝试过使用 //= require fullpage/fullpage 和 //= require fullpage.js（这是最后一个，因为我注意到 package.json 中没有列出其他依赖项及其 JS 扩展名。 这些变化都没有奏效。

你能帮我理解我做错了什么吗？

Answer 1

我发现了问题所在。

这只是我在清单中引用资产文件的方式。为了正确地做到这一点，我必须进入 node_modules 文件夹（在根目录中）找到安装 fullpage.js 的文件夹，并检查 js 和 css 文件的确切位置在哪个文件夹中。 在这种情况下，它们恰好位于node_modules/fullpage.js/dist/，所以我不得不在清单中引用它们，如下所示：

#the js file
//= require fullpage.js/dist/jquery.fullpage

#the css file
*= require fullpage.js/dist/jquery.fullpage

请注意，我引用的文件的名称是“jquery.fullpage.js”和“jquery.fullpage.css”，所以我只是像往常一样忽略了扩展名。