Angular 2 RC5 webpack 源映射未对齐以进行调试答案

【问题标题】：Angular 2 RC5 webpack source maps misaligned for debuggingAngular 2 RC5 webpack 源映射未对齐以进行调试
【发布时间】：2016-08-15 20:36:27
【问题描述】：

自从升级到 RC5 后，在 Chrome 开发工具中调试时，会遇到断点，但调试器会在几行到多行之后（在本例中为 15 行！）。在屏幕截图中，“当前”行实际上是存在debugger; 的行。这使得调试非常困难。这与 webpack 结合使用。它可以工作，但是您必须手动解释事情，而不是确切地查看正在执行的行。它似乎只在我的 ts 文件上执行此操作，而不是在我调试角度代码时执行此操作。

我很想知道这个问题的根源以及如何解决它。

铬 52

带有config.devtool = "source-map"的webpack 1.13.1

如果您将 config.devtool 设置为 eval，则一切都是正确的。但任何其他值似乎都有偏移问题。

Angular 2 RC5

【问题讨论】：

标签： google-chrome debugging angular webpack source-maps

【解决方案1】：

我也遇到了同样的问题。给我的解决方案是卸载 angular-cli 的 npm 版本并通过运行以下命令重新安装 Github：

npm uninstall --save-dev angular-cli

然后

npm i --save-dev github:angular/angular-cli#a8d7c0a9a0c1657db2a673c42bfbaa51fde2a466

【讨论】：

这是 git 哈希。您直接从他们的存储库安装并指定which commit to install。此刻，它看起来就像是他们最近通过的提交。
我根本没有使用 angular-cli。我们正在开发一个 webpack starter repo。直接使用角度。但也许这是一个真正解决方案的 Angular 后 RC5 版本？你从哪里得到答案的，@PhotoPaul？