Google chrome Angular 2 RC5网页包源映射未对齐以进行调试

Google chrome Angular 2 RC5网页包源映射未对齐以进行调试,google-chrome,debugging,angular,webpack,source-maps,Google Chrome,Debugging,Angular,Webpack,Source Maps,由于升级到RC5,在Chrome dev工具中调试时,会命中断点,但调试器会在稍后将该行标识为几行到多行(在本例中为15行!)。在屏幕截图中,“当前”行实际上是调试器所在的行存在。这使得调试非常困难。这是结合网页包。这是可行的,但您必须手动解释,而不是查看执行的是哪一行。它似乎只在我的ts文件上执行此操作,如果我调试到angular代码中,则不会在angular代码上执行此操作 我想知道这个问题的根源以及如何解决它 铬52 带有config.devtool=“source map” 如果将co

由于升级到RC5,在Chrome dev工具中调试时,会命中断点,但调试器会在稍后将该行标识为几行到多行(在本例中为15行!)。在屏幕截图中,“当前”行实际上是
调试器所在的行存在。这使得调试非常困难。这是结合网页包。这是可行的,但您必须手动解释,而不是查看执行的是哪一行。它似乎只在我的ts文件上执行此操作,如果我调试到angular代码中,则不会在angular代码上执行此操作

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

铬52

带有
config.devtool=“source map”

如果将config.devtool设置为eval,则所有选项都是正确的。但任何其他价值似乎都存在抵消问题


Angular 2 RC5

我也面临同样的问题。给我的解决方案是卸载angular cli的npm版本,并通过运行以下程序重新安装Github one:

npm uninstall --save-dev angular-cli
然后

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

我也面临同样的问题。给我的解决方案是卸载angular cli的npm版本,并通过运行以下程序重新安装Github one:

npm uninstall --save-dev angular-cli
然后

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

这是git哈希。您直接从他们的存储库安装并指定。现在,看起来这是他们最近通过的提交。我根本不使用angular cli。我们正在制作一个网页包启动回购。直接使用角度。但也许这是RC5后的angular构建,这才是真正的解决方案?你从哪里得到答案的,@PhotoPaul?是git哈希。您直接从他们的存储库安装并指定。现在,看起来这是他们最近通过的提交。我根本不使用angular cli。我们正在制作一个网页包启动回购。直接使用角度。但也许这是RC5后的angular构建,这才是真正的解决方案?你从哪里得到答案的,保罗?