Vue Vscode ＜template＞下报错 ‘TypeScript intellisense is disabled on template‘

狗狗摇屁屁

已于 2022-09-28 17:20:45 修改

阅读量495

点赞数 4

文章标签： vue.js vscode 前端

于 2022-09-27 11:15:38 首次发布

本文链接：https://blog.youkuaiyun.com/qq_45908140/article/details/127067355

版权

报错信息

在这里插入图片描述

TypeScript intellisense is disabled on template. To enable, configure `"jsx": "preserve"` in the
`"compilerOptions"` property of tsconfig or jsconfig. To disable this prompt instead, configure
`"experimentalDisableTemplateSupport": true` in `"vueCompilerOptions"` property.volar

在线翻译

模板上已禁用TypeScript智能感知。
要启用，请在tsconfig或jsconfig的“compilerOptions”属性中配置“jsx”：“preserve”。
要禁用此提示，请配置“experimentalDisableTemplateSupport”：truein“vueCompilerOptions”`property.volar

报错原因

vscode升级造成的插件不完美契合

解决方法

找到 jsconfig.json文件
在compilerOptions中加入"jsx": “preserve”,

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    // 添加位置
    "jsx": "preserve",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
}