VS Code中React项目无导入建议与IntelliSense提示如何解决？

先确认依赖安装情况 #

• 打开终端，在项目根目录执行npm list react-router-dom，检查react-router-dom是否已正确安装。
• 如果未查到依赖或显示报错，执行npm install react-router-dom重新安装，安装完成后重启VS Code。

检查VS Code的自动导入设置 #

• 按Ctrl+,打开设置面板，搜索javascript.suggest.autoImports和typescript.suggest.autoImports，确保这两个选项都处于勾选状态。
• 若使用的是JavaScript项目，额外搜索javascript.implicitProjectConfig.checkJs并勾选，该选项会让VS Code自动识别JS文件的类型信息。

排查插件冲突问题 #

• 确认VS Code已安装并启用ESLint和Reactjs code snippets插件，这两个插件是React项目代码提示的常用支撑工具。
• 若问题仍存在，尝试禁用其他无关插件后重启VS Code，部分插件冲突会导致IntelliSense功能失效。

清除缓存并重启 #

• 按Ctrl+Shift+P打开命令面板，输入Developer: Reload Window重启VS Code窗口。
• 若无效，关闭VS Code后删除项目根目录下的.vscode文件夹（如果存在），再重新打开项目。

TypeScript项目额外配置检查 #

• 若是TypeScript项目，根目录必须存在tsconfig.json，且需配置正确的include路径，示例配置如下：

  {
    "compilerOptions": {
      "target": "ESNext",
      "module": "ESNext",
      "jsx": "react-jsx",
      "strict": true
    },
    "include": ["src/**/*"]
  }
  

  保存配置文件后重启VS Code，TypeScript语言服务会重新解析整个项目。

内容的提问来源于stack exchange，提问作者Dathon Weber