调试 Angular 路由模块源映射

Question

如何在通过 angular cli 版本 9 生成的 angular 应用程序中查看和调试 angular 路由模块代码。

我知道我可以打开开发人员工具，按 cmd+p 并键入 router.ts 这将打开 angular 路由模块代码，但相同的步骤不适用于本地创建 angular cli 应用程序。打开 router.ts 而不是打开 router.js.

我需要访问 router.ts 而不是 router.js。

Answer 1

这个问题类似于

解决方法是修改angular.json文件

 "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "angular-source-map:build",
            "sourceMap": true,
            "vendorSourceMap": true
          },

调试 Angular 路由模块源映射

Debugging Angular Routing Module sourcemaps

javascript

angular

typescript

angular-cli

source-maps