我正在开发一个小型的Angular应用程序,并尝试在Chrome DevTools中进行调试。但是,我只能看到.ts文件。如何查看和调试.ts文件编译成的.js文件?我的DevTools设置中的“启用JavaScript源映射”选项已打开。
你需要禁用JavaScript源映射: 不在问题中,但如果您需要它用于SCSS/CSS文件,则还有一个CSS源映射选项。另一种禁用它的“晦涩”方法是,如果您不想更改Chrome的设置并且可以控制服务器,则可以配置它不生成源映射行,这取决于您的服务器端生成器/编译器。您需要检查文档以了解其工作原理。源映射行应位于生成的js文件末尾,并如下所示://# sourceMappingURL=/path/to/file.js.map。
ng build
命令即可,或者您可以打开angular.json
文件,并将属性aot
设置为false
以进行环境构建。 - Tran Son Hoang