MATERIALIZE-CSS未捕获类型错误:VEL不是函数
我使用webpack作为我的捆绑器/加载器,我可以很好地加载物化css(js/css),但当我尝试使用toast时,它显示
Uncaught TypeError: Vel is not a function
我正在将库包括在主index.js
文件中:
import 'materialize-css/bin/materialize.css'
import 'materialize-css/bin/materialize.js'
有人知道为什么会发生这种事吗?看一下捆绑的源代码,物化的js就在那里。
解决方案
遇到了同样的问题,并提出了稍微简单一些的解决方案: 只需要做两件事:
首先:在您的根模块中导入以下内容,如app.js
//given you have installed materialize-css with npm/yarn
import "materialize-css";
import 'materialize-css/js/toasts';
第二:如果是webpack,设置如下插件或像使用jQuery一样获取velocity.min.js作为全局变量:
new webpack.ProvidePlugin({
"$": "jquery",
"jQuery': "jquery",
"Vel": "materialize-css/js/velocity.min.js"
}),
相关文章