Angular 12调试源代码在Chrome开发者工具中不可用，在Angular 11中也没问题

Angular是一种流行的前端开发框架，用于构建现代化的Web应用程序。Angular 12是Angular的最新版本，而Angular 11是之前的版本。

在Chrome开发者工具中调试Angular 12的源代码不可用可能是由于以下原因之一：

1. 版本兼容性问题：请确保你使用的Chrome浏览器和开发者工具版本与Angular 12兼容。有时，新版本的Angular可能需要更新的Chrome浏览器或开发者工具才能完全支持调试功能。
2. 代码编译问题：Angular应用程序的源代码在运行之前需要进行编译。请确保你的Angular应用程序已经成功编译，并且生成的JavaScript文件与你在Chrome开发者工具中查看的代码一致。
3. 代码映射文件问题：在调试过程中，源代码映射文件（source map）非常重要，它们将编译后的JavaScript代码映射回原始的TypeScript源代码。请确保你的Angular应用程序生成了正确的源代码映射文件，并且在Chrome开发者工具中启用了源代码映射。
4. 错误配置或插件问题：检查你的Angular项目的配置文件和插件，确保没有禁用或阻止了源代码调试功能。

如果在Angular 11中没有问题，但在Angular 12中出现了调试源代码不可用的问题，可能是由于Angular 12的一些新功能或更改导致的。在这种情况下，你可以尝试以下解决方法：

1. 更新开发者工具：确保你使用的Chrome浏览器和开发者工具是最新版本，以支持Angular 12的新功能和更改。
2. 检查更新日志：查看Angular 12的更新日志，了解是否有关于调试功能的特定更改或修复。可能有一些已知问题或解决方案可以帮助你解决问题。
3. 提交问题报告：如果你确定问题不是由于配置或插件问题引起的，并且无法通过其他方法解决，可以向Angular开发团队提交问题报告。他们可能会提供更多的帮助和指导。

总之，调试Angular 12的源代码在Chrome开发者工具中不可用可能是由于版本兼容性、代码编译、源代码映射文件或配置问题引起的。通过更新工具、检查更新日志和与开发团队沟通，你可以尝试解决这个问题。