我想使用这个yeoman生成器来创建anuglar 2应用程序(使用Webpack):https://github.com/shibbir/generator-angular2-typescript
但是我遇到了源图问题。我无法在Firefox控制台上看到.ts行号。我所看到的是这样的“链接”:view-source:http://localhost:3000/app.js line 265 > eval
如果我点击控制台上的行号,我会看到一个错误页面,上面写着Cannot GET /app.js%20line%20265%20%3E%20eval
并发出警告“找不到指定的行”(这并不奇怪,因为“文件”只有1行长)。
使用此项目也发生了同样的事情:https://github.com/AngularClass/angular2-webpack-starter
在Chrome上,它们都能正常工作,并且控制台上的行号正确指向.ts文件
在互联网上看,我发现Firefox上有一些带有源图的错误,但它大约是版本45左右并且修复了(现在使用Firefox 49)
答案 0 :(得分:4)
您需要 Firefox 50 ,并且您需要手动启用Sourcemaps。
目前默认情况下禁用源地图支持。要启用它,请访问
about:config
,找到偏好devtools.sourcemap.locations.enabled
并将其设置为 true 。
https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages#Source_maps