Vant与Element-ui出现Property '$notify' must be of type 'ElNotification'错误

原因是两个组件库都在应用上添加了 $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:

https://github.com/youzan/vant/issues/3324