javascript - 无法使 JS 插件与 Rails 5.1 和 Yarn 一起工作

Question

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

1. 在命令行输入yarn add fullpage.js
2. 检查插件是否在 package.json 中列出(插件确实在 dependencies 下列为 "fullpage.js": "^2.9.4")
3. 使用 //= require fullpage 在 app/assets/javascripts/application.js 的 JS list 中声明插件

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

couldn't find file 'fullpage' with type 'application/javascript'

)

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

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

Answer 1

我发现了问题所在。

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

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

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

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