通过 webpack 2 使用 materialize 的轮播

Question

我正在尝试通过 webpack 使用 materialize 的 carusel，但出现此错误：

Uncaught TypeError: $(...).carousel is not a function

我正在使用：

"webpack": "^2.2.1"
"jquery": "^3.2.0",
"materialize-css": "^0.98.0"

在我的 js 文件中：

$(document).ready(function(){
   $('.carousel').carousel();
});

我检查了 jquery 和 css 实现并工作正常。

Answer 1

截至今天，jQuery v3 与 Materialize 不完全兼容。 PR 已开放：https://github.com/Dogfalo/materialize/pull/4587

同时，您可以更改 package.json 中的 jQuery 以匹配 materialize "jquery": "^2.1.4".

使用的版本

Use carousel of materialize via webpack 2