想学 react，但是为何 google 浏览器断点，无法断下？调试不了？

[xuecat]

如题： 我 google 浏览器一直无法断点住 react 的 js 代码。

无论是本地的 html 中 js：

还是有 server 的 js （它宁愿走 console.log ，都不愿断点停住）：

我下断点后就 F5 ，想等断点住看堆栈情况。但是却无法断下!!
真是愁死我了，请问大家我该如何解决？万谢！！！

[wibile]

react develop tools

[cxbig]

除了楼上那个插件以外你还可以在代码里放 debugger 做断点

[hronro]

jsx 要编译之后才能运行吧，想要断点，得提供 sourcemap 文件

[bdbai]

jsx 转义工作要在浏览器运行之前做好，然后开启本地服务器。不要直接打开本地 html 。
推荐用 Babel 处理， Webpack 打包，配置里带上 source map 选项，最后开启热调试。
网上例子挺多的，找些 react+webpack 的 boilerplate 看看。或者参考这个例子：
https://github.com/bdbai/nthskeys-node/tree/master/app

[garipan]

React 可以看看掘金
技术文章不少

[xuecat]

太感谢楼上的了！！！一语点破，我正在看相关文章！！！非常感谢 @all