Angular 18中SourceMap失效求助：无法获取TS文件行号

已确认angular.json和tsconfig.json中sourceMap设为true，可按以下步骤排查额外配置：

• 细化Angular Build的SourceMap配置
  在angular.json的projects -> [你的项目名] -> architect -> build -> configurations -> development节点中，补全sourceMap的子项配置：

  "sourceMap": {
    "scripts": true,
    "styles": true,
    "hidden": false,
    "vendor": true
  }
  

  Angular 18默认使用ESBuild构建，更精细的sourceMap配置能确保TS源码映射被正确生成并输出。

• 启用TSConfig的内联源码
  在tsconfig.json中添加或确认该配置：

  "inlineSources": true
  

  该配置会将TS源码内容嵌入sourceMap文件，帮助浏览器更精准地解析对应行号。

• 确保运行在开发模式
  启动项目时使用开发模式命令，避免生产模式的代码压缩/混淆干扰映射：

  ng serve
  # 或明确指定开发配置
  ng serve --configuration development
  

• 检查浏览器开发者工具设置
  在Chrome/Firefox的开发者工具中：

  1. 打开右上角齿轮图标进入Settings
  2. 勾选Enable JavaScript source maps和Enable CSS source maps选项
  3. 关闭Minify JavaScript（若开启）

• 验证Angular CLI版本兼容性
  确认package.json中@angular/cli版本与Angular 18核心包版本一致，版本不匹配可能导致构建配置异常。

• 清理缓存并重新构建
  执行命令清理旧产物与缓存后重新启动：

  ng clean
  ng serve --configuration development
  

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