react native chrome 下调试 source tab下源码不展示



  • 我是一个react native新人,网上找了些项目写demo,想打断点调试下js代码,于是就照着文档一步一步来。
    1 chrome 安装react dev tools .
    2 http://localhost:8081/debugger-ui
    3 debug js remotely , reload js
    代码运行正常,js中console.log 在 console控制台也能正常输出,但是source tab 下始终只有两个文件。 一个debuggerworker.js 一个 index.ios.xxxx js
    我查看了下我的所有代码 其实都被编译在了 index.ios 这个js 文件内,但是已经是重新编译后的样子了。我现在很迷茫,我不知道哪里出了错。我如何才能source 里面找到源码并且进行js断点调试
    https://stackoverflow.com/questions/44297675/react-native-debug-in-chrome-didnt-connect-source-files


  • administrators

    source栏右边有个thread,注意切换到debuggerWorker



  • 我刚才试了下切换main thread到debuggerwork thread 但是source 还是看不到



  • 我今天又试了很多方法。 我在项目里面打debugger 也不能触发到debugger当前的文件 而是在index.ios.bundle?platform=ios&dev=true&minify=false 触发。这个文件编译了我所有的源代码。足有十来万行。但是就是无法看到我自己项目的源代码和文件


登录后回复