【Vue】TypeScript intellisense is disabled on template. To enable, configure ～～

vueの環境構築をしている際に templete タグで以下のエラーが出てきたので備忘録として残しておく。

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

エラーメッセージを見る限り、tsConfig もしくは jsconfig ファイル内の「"compilerOptions"」に「"jsx": "preserve"」を設定してあげれば治りそう。

筆者はの環境には　jsconfig.json　があり、中身は以下のようになっていた。

jsconfig.json

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

解決策

jsconfig.json　に　「"jsx": "preserve",」　を追加して以下のように修正

jsconfig.json

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