VSCode忽略被React应用导入的Node模块中jsconfig.json文件怎么办？

• 核心原因：jsconfig.json是针对当前工作区项目（你的React应用）的配置文件，VSCode和React构建工具只会读取React应用根目录下的该文件，不会识别被导入的Node模块目录中的jsconfig.json。

• 解决方案：

  1. 移动配置文件：将jsconfig.json从Node模块根目录移到你的React应用根目录下，调整baseUrl为适配主项目的路径（比如主项目src目录的话，"./src"是合理的）。
  2. 模块路径映射（如果需要）：如果要在主项目中直接引用模块内的子路径，在React应用的jsconfig.json中添加paths配置，示例：

     {
       "compilerOptions": {
         "baseUrl": "./",
         "paths": {
           "@your-module/*": ["node_modules/your-module/src/*"]
         }
       }
     }
     

  3. 确认工作区：确保VSCode打开的是React应用的根目录，而不是单独打开Node模块文件夹，否则VSCode会加载错误目录的配置。
  4. 检查是否用TypeScript：如果React应用使用TypeScript，需要用tsconfig.json替代jsconfig.json，TypeScript配置会优先生效。

内容的提问来源于stack exchange，提问作者Bear Bile Farming is Torture