visual-studio-code - Angular CLI 1.7.0 和 Visual Studio Code - 无法设置断点

Question

我在 Visual Studio Code 中使用 Chrome Debugger 插件来调试 Angular 应用程序。升级使用 angular/cli@1.7.0 后，我们在调试时无法再在 VS Code 中的 typescript 代码中打断点。如果我们回滚到 angular/cli@1.6.7，断点将再次开始工作。

这是我的 ng -v 输出:

Angular CLI: 1.7.0
Node: 9.2.0
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.0
@angular-devkit/build-optimizer: 0.3.1
@angular-devkit/core: 0.3.1
@angular-devkit/schematics: 0.3.1
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.0
@schematics/angular: 0.3.1
@schematics/package-update: 0.3.1
typescript: 2.5.3
webpack: 3.11.0

有没有其他人遇到过这种情况？

Answer 1

对于遇到此问题的人，修复方法是修改您的 launch.json sourceMapPathOverrides，如下所示:

"sourceMapPathOverrides": { 
    "webpack:/*": "${webRoot}/*" 
}

这用最新的@angular/cli(1.7.3 版)为我修复了它。

找到答案 here .