vant项目中使用Element-ui出现Property '$

原因是两个组件库都在应用上添加了 $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 Table from 'element-ui/lib/table';
import TableColumn from 'element-ui/lib/table-column';
import 'element-ui/lib/theme-chalk/table.css';
import 'element-ui/lib/theme-chalk/table-column.css';


Vue.use(Vant);
Vue.component('el-table', Table);
Vue.component('el-table-column', TableColumn);

tsconfig.json

{
  "compilerOptions": {
    "paths": {
      // 指向正确的声明映射
      "element-ui/lib/table": ["node_modules/element-ui/types/table"],
      "element-ui/lib/table-column": ["node_modules/element-ui/types/table-column"],
    }
  }
}