项目为了适配h5 引用了vant
发现配置按需加载后就不允许再配置全局引入组件,同时做了两种操作就会导致冲突,出现 Uncaught ReferenceError: Vant is not defined 的报错。
main.js引用了:
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);
.babelrc 或babel.config.js 的plugins 还配置了按需引入的配置。
解决方法:
方法1
去除在.babelrc 中添加的配置,
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
或在 babel.config.js 中配置
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
};
方法2
删除 main.js 中的全局引用,使用按需引用。