安装使用Vant及使用vue3+ts+vant报错解决方法

1. 安装Vant

  • 安装 Vant:npm i vant

安装使用Vant及使用vue3+ts+vant报错解决方法_第1张图片

  • 在main.ts引入组件并使用组件:
  •  import Vant from 'vant'  /  import 'vant/lib/index.css'   /  createApp().use(Vant)

安装使用Vant及使用vue3+ts+vant报错解决方法_第2张图片

在组件中使用vant:

 结果:引入成功

2.使用 vue3+ts+vant

  • 声明变量报错 Type string trivially inferred from a string literal, remove type annotation  @typescript-eslint/no-inferrable-types

安装使用Vant及使用vue3+ts+vant报错解决方法_第3张图片

安装使用Vant及使用vue3+ts+vant报错解决方法_第4张图片

  • 报错原因:tslint根据“小红”判断出uname的类型是string,所以不再需要写成string类型,我们只需要去掉这条规则即可。
  • 解决方法:在 .eslintrc.js 文件中加入   "@typescript-eslint/no-inferrable-types": "off" // 关闭类型推断 

安装使用Vant及使用vue3+ts+vant报错解决方法_第5张图片

 注意:修改配置文件后需要重新启动项目,配置文件才会生效。

你可能感兴趣的:(vue.js,npm)