我是 Rails 6 + Webpack 的新手,所以请耐心等待。
我正在尝试加载aos.js
到 Rails 6,然后从视图文件中调用它。
我创建javascript/custom/aos.js
了包含此代码的代码,并附加了以下代码段:
console.log("typeof(AOS): " + typeof(AOS))
我application.js
的在这里:
require("jquery")
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("custom/aos") // <===== The custom file I'm importing
var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);
require("trix")
require("@rails/actiontext")
当我加载我的页面时,我得到:
typeof(AOS): undefined
所以我知道该文件已包含在内,但 AOS 仍未定义。
但是,当我javascript_include_tag
在 CDN 链接中包含一个,或者只是将 CDN 代码粘贴到控制台中时,AOS 已定义并且一切正常。
当我在 application.js 中需要它时,为什么 AOS 未定义?谢谢你的帮助!