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

来源:5-5 ChromeReact插件使用

JerseyJerry

2017-05-15


http://szimg.mukewang.com/5918c8810001c07918340883.jpg

写回答

2回答

Parry

2017-05-15

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

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

Parry

2017-05-18

//szimg.mukewang.com/591d4167000199e918981486.jpg


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

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

你试下看看。

0
0

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程