如题: 我 google 浏览器一直无法断点住 react 的 js 代码。
无论是本地的 html 中 js:
还是有 server 的 js (它宁愿走 console.log ,都不愿断点停住):
我下断点后就 F5 ,想等断点住看堆栈情况。但是却无法断下!!
真是愁死我了,请问大家我该如何解决?万谢!!!
1
wibile 2016-09-26 17:32:02 +08:00
react develop tools
|
2
cxbig 2016-09-26 17:38:12 +08:00
除了楼上那个插件以外你还可以在代码里放 debugger 做断点
|
3
hronro 2016-09-26 17:47:42 +08:00
jsx 要编译之后才能运行吧,想要断点,得提供 sourcemap 文件
|
4
bdbai 2016-09-26 19:55:30 +08:00 via Android
jsx 转义工作要在浏览器运行之前做好,然后开启本地服务器。不要直接打开本地 html 。
推荐用 Babel 处理, Webpack 打包,配置里带上 source map 选项,最后开启热调试。 网上例子挺多的,找些 react+webpack 的 boilerplate 看看。或者参考这个例子: https://github.com/bdbai/nthskeys-node/tree/master/app |
5
garipan 2016-09-26 20:04:17 +08:00
React 可以看看掘金
技术文章不少 |