VSCodeでJavaScriptのIntellisenseが効かない時の対処法

Typescript

2024.03.31 2024.02.25

VSCodeでJavaScriptのIntellisenseが効かない時の対処法

tsconfigやjsconfigを確認する
1. configファイルの場所を確認する
VSCodeのextensionsをすべて停止する
TypeScript: Restart TS Server を実行

tsconfigやjsconfigを確認する

まずIntellisenseが一度もそのプロジェクトで効いたことがない場合、下記のドキュメントに従ってjsconfig.jsonやtsconfig.jsonを設定します。

javascriptの公式ドキュメント

reactでの設定例

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "baseUrl": "."
  },
  "include": ["src"]
}

configファイルの場所を確認する

設定したconfigファイルが正しく読み込まれていない場合は、configファイルがvscodeのワークスペースの直下にあることを確認してください。
コマンドパレットからGo to Project Configurationを選択してconfigファイルが表示されるのであれば、適切な場所に配置できています。