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

Question

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

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

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

  

无法找到文件＆＃39; fullpage＆＃39;使用类型＆＃39; application / javascript＆＃39;

）

我已尝试使用//= 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”，所以我只是像往常一样离开扩展名。