文章/答案/技术大牛

发布

社区首页 >问答首页 >与Webpack一起在Rails 6中安装Glide.js

问与Webpack一起在Rails 6中安装Glide.js
EN

Stack Overflow用户

提问于 2019-09-05 13:14:15

回答 2查看 886关注 0票数 1

我创建了一个新的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/view/layout/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？

ruby-on-rails

webpack

ruby-on-rails-6

glidejs

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-09-05 17:33:36

使用CommonJS require代替ES6 import

import "bootstrap"
import Glide from "@glidejs/glide"
import "../stylesheets/application"

票数 1

Stack Overflow用户

发布于 2019-09-18 11:37:58

使用ES模块

import Glide from '@glidejs/glide'

new Glide('.glide').mount()

这是关于安装https://glidejs.com/docs/setup/的官方文档

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57806349

复制

相似问题

问与Webpack一起在Rails 6中安装Glide.js
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与Webpack一起在Rails 6中安装Glide.jsEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与Webpack一起在Rails 6中安装Glide.js
EN