Hi Mustafa, 碰到第三方安全工具注入代码打乱SourceMap映射的情况确实挺闹心的，我给你几个实用的解决思路：

• 切换为内联SourceMap
  试试生成inline-source-map替代单独的.map文件，映射数据会直接内嵌在JS文件的末尾，很多注入工具不会修改这部分内容。你可以在tsconfig.json里调整配置：

  {
    "compilerOptions": {
      "inlineSourceMap": true,
      // 保留其他原有配置
    }
  }
  

• 开发环境临时规避注入
  如果只是本地调试遇到问题，你可以用浏览器开发者工具手动删除Cloud Defender注入的代码段，或者用本地代理工具（比如Charles、Fiddler）拦截请求，剔除注入的代码后再返回给浏览器，这样SourceMap就能恢复正常映射了。不过这个方案只适合开发阶段，线上环境没法用。

• 联系Cloud Defender团队配置白名单
  不少安全工具都支持白名单配置，你可以咨询他们的技术支持，看看能不能把你的业务JS文件加入“不注入代码”的白名单。毕竟SourceMap对开发排查问题至关重要，正规的安全工具应该会考虑这类需求。

• 手动修正SourceMap映射关系
  你可以尝试用sourcemap-validator这类工具，或者自己写个简单脚本，计算Cloud Defender注入代码的行数，然后调整SourceMap里的行号映射表。不过这个方法需要你对SourceMap的结构有一定了解，相对麻烦些，适合应急场景。

这种问题的核心原因就是注入的额外代码打乱了原JS文件的行号，导致SourceMap的映射表和实际JS文件不匹配，上面的思路都是围绕减少行号偏移或者修正映射关系来的，你可以根据自己的场景试试~

备注：内容来源于stack exchange，提问作者Mustafa Yılmaz