MATERIALIZE-CSS未捕获类型错误：VEL不是函数 [英] materialize-css Uncaught TypeError: Vel is not a function

问题描述

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

这篇关于MATERIALIZE-CSS未捕获类型错误：VEL不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！