xuecat
V2EX  ›  React

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

  •  
  •   xuecat · Sep 26, 2016 · 4213 views
    This topic created in 3539 days ago, the information mentioned may be changed or developed.

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

    无论是本地的 html 中 js

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

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

    6 replies    2016-09-26 23:06:16 +08:00
    wibile
        1
    wibile  
       Sep 26, 2016
    react develop tools
    cxbig
        2
    cxbig  
       Sep 26, 2016
    除了楼上那个插件以外你还可以在代码里放 debugger 做断点
    hronro
        3
    hronro  
       Sep 26, 2016
    jsx 要编译之后才能运行吧,想要断点,得提供 sourcemap 文件
    bdbai
        4
    bdbai  
       Sep 26, 2016 via Android
    jsx 转义工作要在浏览器运行之前做好,然后开启本地服务器。不要直接打开本地 html 。
    推荐用 Babel 处理, Webpack 打包,配置里带上 source map 选项,最后开启热调试。
    网上例子挺多的,找些 react+webpack 的 boilerplate 看看。或者参考这个例子:
    https://github.com/bdbai/nthskeys-node/tree/master/app
    garipan
        5
    garipan  
       Sep 26, 2016
    React 可以看看掘金
    技术文章不少
    xuecat
        6
    xuecat  
    OP
       Sep 26, 2016
    太感谢楼上的了!!!一语点破,我正在看相关文章!!!非常感谢 @all
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3875 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 00:09 · PVG 08:09 · LAX 17:09 · JFK 20:09
    ♥ Do have faith in what you're doing.