vue+ts,引入element-ui和vant,导致$noti
2020-09-23 本文已影响0人
没有昵_称
报错原因:
vant
和element-ui
都有$notify
方法
解决方法:
第一步只安装一个组件库,另外一个按需加载
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI);
// 按需引入你需要的组件 以Switch为例
import Switch from 'vant/lib/switch'
Vue.component('van-switch', Switch);
第二步因为vant
的types
里没有独立的比如switch.d.ts
的文件,所以在项目中创建switch.d.ts
文件,这个文件的路径components/vant/switch.d.ts
//switch.d.ts
import { VanComponent } from 'vant/types/component'
export class Switch extends VanComponent {}
第三步,修改tsconfig.json
文件
compilerOptions:{
...
paths:{
...
// 指向正确的声明映射
"vant/lib/switch": ["src/components/vant/switch"],
}