首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
华为云
V2EX  ›  React

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

  •  
  •   xuecat · 2016-09-26 17:29:03 +08:00 · 1299 次点击
    这是一个创建于 783 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    无论是本地的 html 中 js

    还是有 server 的 js (它宁愿走 console.log ,都不愿断点停住)

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

    6 回复  |  直到 2016-09-26 23:06:16 +08:00
        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 可以看看掘金
    技术文章不少
        6
    xuecat   2016-09-26 23:06:16 +08:00
    太感谢楼上的了!!!一语点破,我正在看相关文章!!!非常感谢 @all
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2251 人在线   最高记录 3821   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 16ms · UTC 00:52 · PVG 08:52 · LAX 16:52 · JFK 19:52
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1