接上次问题:volar插件vue3组件报错如何解决?

5,883 阅读1分钟

# “__VLS_2”不能用作 JSX 组件。volar插件最近千万不要升级~~上次文章说的是volar插件更新到0.27.26以上版本会报错,vue单文件组件会无法正常解析,原因找到了,其实不是volar的问题,是我们TS配置文件tsconfig.json的配置问题。

具体需要增加的配置只需要一行代码,找到项目根目录下的tsconfig.json

{
  "compilerOptions": {
    ...
    "types": ["vite/client"]
    ...
  },
}

最关键的就是这行"types": ["vite/client"],报错的原因也很简单,volar没有读取我们项目中关于vue单文件组件的类型声明,所以才会报那些错误,正确读取引入vue组件的类型声明之后,volar就可以正常工作了。


其实官方安装文档README里面已经有过提示了

image.png