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

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

本文介绍了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"
  }),

这篇关于MATERIALIZE-CSS未捕获类型错误:VEL不是函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:MATERIALIZE-CSS未捕获类型错误:VEL不是函数

基础教程推荐