如何调试angular 2中的问题javascript文件？

Question

我下载这个例子https://github.com/angular/angular2-seed.我使用webstrom编辑器，然后使用npm安装，然后使用npm启动。。应用程序运行正常，但我无法调试应用程序。。我将如何调试应用程序？有什么方法可以调试应用程序吗

我遵循所有步骤

Clone or fork this repository
Make sure you have node.js installed
run npm install to install dependencies
run npm start to fire up dev server
open browser to http://localhost:8080

Answer 1

此angular2种子应用程序中的网页包配置未配置为使用sourcemaps。看看这里：当使用babel和webpack时，我如何生成源地图？想要一些提示吗

简而言之：在您的tsconf.json：

{
  "compilerOptions": {
    "module": "commonjs",
    "sourceMap": true //Set to true to get source maps from .ts, not .js
  },
  "files": [
    ...
  ]
}

在你的网页包里。配置：

module.exports = {
  devtool: 'source-map', // to generate sourcemaps