1. 安装Vant
-
安装 Vant:npm i vant
- 在main.ts引入组件并使用组件:
- import Vant from 'vant' / import 'vant/lib/index.css' / createApp().use(Vant)
在组件中使用vant:
结果:引入成功
2.使用 vue3+ts+vant
- 声明变量报错 Type string trivially inferred from a string literal, remove type annotation @typescript-eslint/no-inferrable-types
- 报错原因:tslint根据“小红”判断出uname的类型是string,所以不再需要写成string类型,我们只需要去掉这条规则即可。
- 解决方法:在 .eslintrc.js 文件中加入 "@typescript-eslint/no-inferrable-types": "off" // 关闭类型推断
注意:修改配置文件后需要重新启动项目,配置文件才会生效。