我创建了一个新的 Rails 6 项目,并尝试通过 Webpack 安装第三方 JavaScript 库Glide.js。但是,我似乎错过了一个关键步骤,因为它不起作用。
到目前为止我所做的:
- 使用纱线安装 Glide.js:
yarn add @glidejs/glide
- 在 /app/javascript/packs/application.js中需要Glide.js:
require("jquery")
require("@glidejs/glide")
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
import "bootstrap"
import "../stylesheets/application"
document.addEventListener("turbolinks:load", () => {
$('[data-toggle="tooltip"]').tooltip()
$('[data-toggle="popover"]').popover()
})
- 在/app/views/layouts/application.html.erb添加javascript_pack_tag:
<head>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
当我启动 rails 服务器并尝试在 Web 控制台中创建 Glide 对象时,我收到错误消息:
> new Glide({})
> ReferenceError: Glide is not defined
如何成功安装 Glide.js?