原因是两个组件库都在应用上添加了 $notify 方法;
解决方法是: 只安装一个组件库, 另一个组件库按需引入
报错示例:
npm install vant element-ui
# vant 和 element-ui 都有 $notify 方法, 会报错
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(Vant);
Vue.use(ElementUI);
解决方案:
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
// 按需引入你用到的组件, 而不是安装整个组件库
import ElButton from 'element-ui/lib/button';
import 'element-ui/lib/theme-chalk/button.css';
Vue.use(Vant);
Vue.component('el-button', ElButton);
tsconfig.json:
{
"compilerOptions": {
"paths": {
// 指向正确的声明映射
"element-ui/lib/button": ["node_modules/element-ui/types/button"]
}
}
}
官方issue: