导入src/app/开头文件IDE报错但编译运行正常，需修改tsconfig吗？

你的问题本质是VSCode的TypeScript语言服务没正确读取项目的路径配置，而编译工具（比如webpack、Angular CLI）能识别这些配置，所以编译运行正常，但编辑器会抛出错误提示。解决方法主要围绕调整tsconfig.json配置和重启TS服务：

• 检查并修改tsconfig.json的路径配置
  在compilerOptions里添加或调整baseUrl和paths，让TypeScript能解析src/app/开头的导入：

  {
    "compilerOptions": {
      "baseUrl": "./", // 基准路径设为项目根目录
      "paths": {
        "src/app/*": ["src/app/*"] // 把src/app/开头的导入映射到实际文件路径
      }
      // 其他已有配置...
    }
  }
  

  如果你的baseUrl设为"src"，那paths可以简化成"app/*": ["app/*"]，这样导入时写app/xxx也能被识别。

• 重启VSCode的TypeScript服务
  按下Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server并执行，让语言服务重新加载配置。

• 切换到项目本地的TypeScript版本
  点击VSCode右下角状态栏的TypeScript版本号，选择Use Workspace Version，避免全局TS版本和项目版本不一致导致的配置不兼容。

如果是Angular项目，额外确认angular.json里build配置的tsConfig路径指向正确的tsconfig.json文件，不过核心还是上面的tsconfig配置调整。

内容的提问来源于stack exchange，提问作者Himanshu Mathur