chrome developer tools Sources的src下面找不到JS文件，调试无法定位到具体哪个位置

Question

Answer 1

Parry 2017-05-15 09:49:15

你点击右上角的错误就可以定位到啊。

• 提问者 JerseyJerry #1

  谢谢parry老师，你是说看console里面的错误吧。
  另外，Sources下面的src里面看不到JS文件怎么解，您看看我发的主题里面的那张截图，左边src下面怎么才能调出JS，我google了下，说要map 到network上，但是map也仅限与当前显示的文件。没显示的js文件还是没法map到network上。

• Parry 回复 提问者 JerseyJerry #2

  react 会将所有的 js 都打包成 bundle.js  右侧有的

• 提问者 JerseyJerry 回复 Parry #3

  谢谢parry老师再次的答复。
  我发现是，如果没有用webpack 打包成bundle.js的话，调试工具的Sources的src目录下才会正常显示项目用到的JS文件。
  我是想和老师一样，用webpack打包，同时也能显示项目用到的JS文件，可以直接查看出错在哪里。
  希望得到老师的答复，再次感谢

Answer 2

Parry 2017-05-18 14:40:01

调试模式下是会自动加载 sourcemap 的，所有出错的话就会自动定位到对应的源代码。

如果你需要手动查看，就看那个提示，mac 下是 commond+P 就可以打开了，输入对应的 js 文件名就是源码了。

你试下看看。