带有Webpack和Yarn的Ruby on Rails中的wow.js

Question

我对Rails很陌生。 我希望使用wow.js（ https://github.com/matthieua/WOW ）在我的目标网页上添加一些很酷的过渡效果

我使用yarn add wow.js安装了wow.js

我在JavaScript资产管道中使用以下代码创建了一个新的wow.js：

import {WOW} from 'wowjs'

const wow = new WOW({
  boxClass: 'wow',
  animateClass: 'animated',
  offset: 0,
  live: true
});

wow.init()

我将wow.js导入我的application.js文件中（导入'../components/wow'）

我在网页上添加了css wow标签。

但是，这些效果在我的网页上不起作用。 我收到以下错误消息：

您的浏览器不支持MutationObserver。
wow.js：130 WOW.js无法检测到dom突变，请在加载新内容后调用.sync() 。

你有解决的办法吗？

非常感谢你的帮助，

克里斯

Answer 1

我找到了问题的（简单）答案。 基本上，我只需要-将live设置为false即可停止js错误消息-在我的网页中包含Animate.css，这实际上是负责过渡效果的代码（js仅使用事件监听器触发）