如何调试使用webpack的angular 2 app

时间:2017-03-20 11:02:52

标签: google-chrome angular debugging

我正在使用 angular:“2.4.8” webpack:“1.14.0” webpack-dev-server:“1.16.2” 即可。视觉工作室代码在 2017年2月 更新。我想在Chrome浏览器中调试我的应用程序。我的chrome文件结构如下图所示:screenshot of debugger in the browser

问题更新:

您可以在下面给出的屏幕截图中看到webpack.config.js和文件夹结构:enter image description here

1 个答案:

答案 0 :(得分:2)

请参阅this图片。在控制台中转到源,然后展开localhost并在“webpack://”下,“。”文件夹,还有你的源代码。