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

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

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

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

    无论是本地的 html 中 js

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

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

    6 条回复    2016-09-26 23:06:16 +08:00
    wibile
        1
    wibile  
       2016-09-26 17:32:02 +08:00
    react develop tools
    cxbig
        2
    cxbig  
       2016-09-26 17:38:12 +08:00
    除了楼上那个插件以外你还可以在代码里放 debugger 做断点
    hronro
        3
    hronro  
       2016-09-26 17:47:42 +08:00
    jsx 要编译之后才能运行吧,想要断点,得提供 sourcemap 文件
    bdbai
        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
    garipan
        5
    garipan  
       2016-09-26 20:04:17 +08:00
    React 可以看看掘金
    技术文章不少
    xuecat
        6
    xuecat  
    OP
       2016-09-26 23:06:16 +08:00
    太感谢楼上的了!!!一语点破,我正在看相关文章!!!非常感谢 @all
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3643 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 04:27 · PVG 12:27 · LAX 20:27 · JFK 23:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.