Angular项目新增类导入报错ts(2307)找不到模块如何解决

针对路径别名、相对路径导入均提示找不到模块，且确认文件物理路径存在的场景，按以下顺序排查修复：

• 校验TS配置的包含规则
  打开项目下的tsconfig.json与应用级配置src/tsconfig.app.json，确认两个配置的include规则覆盖到新建文件所在目录，且@app路径别名配置正确：

  // tsconfig.app.json 标准配置参考
  {
    "extends": "../tsconfig.json",
    "compilerOptions": {
      "outDir": "./out-tsc/app",
      "baseUrl": "./",
      "paths": {
        "@app/*": ["app/*"]
      }
    },
    "files": [
      "src/main.ts"
    ],
    "include": [
      "src/**/*.d.ts",
      "src/**/*.ts" // 必须确保该规则覆盖到 core/helpers 目录
    ],
    "exclude": [
      "src/**/*.spec.ts"
    ]
  }
  

  如果新建文件路径被exclude规则命中，或者不在include范围内，TS语言服务不会将其识别为项目内有效模块。
• 重启VS Code TypeScript语言服务
  新建文件后TS服务索引缓存未更新是这类问题的最高发原因，不需要重启整个VS Code：按快捷键Ctrl+Shift+P（macOS为Cmd+Shift+P）唤起命令面板，搜索执行TypeScript: Restart TS Server，等待服务重载完成后报错通常会直接消失。
• 校验路径与文件名大小写
  TypeScript 对路径大小写做严格校验，不受操作系统文件系统大小写规则影响。检查目录名、文件名的实际大小写和导入语句是否完全一致，比如实际文件名为LogLogger.ts但导入写为log-logger、目录名实际为Helpers但导入写为helpers，都会触发模块找不到报错，IDE自动生成的导入路径偶尔会拉取历史缓存的错误大小写。
• 检查文件命名与基础语法
  确认新建文件后缀为.ts，没有被系统隐藏后缀名存成log-logger.ts.txt这类错误格式，也不要误存为.d.ts类型声明文件。另外提供的示例代码存在基础语法错误：

  // 错误写法
  export MyOtherClass{
  // 正确写法
  export class MyOtherClass{
  

  文件内存在未修复的语法错误时，TS解析器无法正常构建文件依赖树，也会连带抛出导入模块不存在的异常。
• 清理缓存重载项目
  以上操作都无效时，删除项目根目录下的.angular缓存文件夹、node_modules/.cache文件夹，重新执行依赖安装命令后再打开项目即可。

内容的提问来源于stack exchange，提问作者The Trainer