VScode中vue3和TS报错怎么解决？

Question

VScode中vue3和TS报错 禁用了vetur插件问题仍然存在
如图安装的插件

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述：在VScode中使用vue3和TS时，禁用了vetur插件后仍然存在报错问题。 解决方法：

1. 检查是否安装了vue3和TS的相关插件，如 @vue/cli-plugin-typescript、@vue/cli-plugin-babel、typescript等。
2. 确认使用了正确版本的插件，如vue3需要使用@vue/cli 4.5.0以上版本。
3. 检查相关配置文件是否正确，如tsconfig.json、babel.config.js等。特别是如果使用了vue3的Composition API，需要配置相关插件如 @vue/babel-plugin-jsx等。
4. 如果以上步骤都正确，还是出现报错问题，可以考虑升级VScode或重新安装vetur插件。 案例： 在vue3项目中使用TS，编辑器会提示TS类型错误，如下图所示： 经过排查，发现缺少@vue/babel-plugin-jsx插件，修改babel.config.js配置如下：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    // 添加下面这行配置
    ["@vue/babel-plugin-jsx"]
  ]
}

问题得到解决，编辑器不再提示类型错误。