MATERIALIZE-CSS未捕获类型错误:VEL不是函数

2022-04-17 00:00:00 javascript css webpack npm materialize

我使用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"
  }),

相关文章