使用带有angular4，typescript2的webpack，源图的行与源代码不匹配

Question

所有

我对使用webpack的angular4的sourcemap感到困惑。

使用VSCode安装Chrome Plugin调试我的代码。

我在组件中定义了一个方法来处理click事件。

当我在VSCode中通过调试器模式启动chrome时，我可以创建一个断点，但问题是源映射与源代码之间的行与源编辑器工具中的原始代码不匹配。

这些是截图：

原始代码

来源代码：

如果我在第14行或第15行创建断点，则该过程不能中断;但如果在第16行创建，则可以是。

那么如何解决这一行不匹配的问题呢？