React Native爱马仕调试不工作(空源选项卡)

yks3o0rb  于 2022-12-24  发布在  React
关注(0)|答案(2)|浏览(258)

我已经为我的RN(0.61.4)应用程序启用了爱马仕,并按照RN文档的说明启用了Hermes,并使用Chrome开发工具进行调试(https://reactnative.dev/docs/hermes#debugging-hermes-using-google-chromes-devtools)。我打开chrome://inspect,我可以看到Hermes应用程序,并打开应用程序的Chrome开发工具,但源代码选项卡是空的,所以我无法真正调试任何东西。

toiithl6

toiithl61#

这似乎是一个已知问题,因此尝试使用Flipper https://fbflipper.com/docs/features/react-native/

yfjy0ee7

yfjy0ee72#

我找到了一个解决方案,让我的一天!分享也许可以帮助像我这样的人不花一个工作日来解决它:))
不!需要解决这个问题!让我们来解决它!
在 chrome 或像我的情况下勇敢的浏览器打开这个地址勇敢:brade://检查/设备数量Chrome浏览器: chrome ://检查/器械数量

单击图像中的配置按钮

添加您的Metro Bundler地址(在我的情况下,我更改了Bundler端口,因为McAfee您可以是localhost:8081)
恭喜!你找到了你的地铁捆绑与 chrome 调试器

到目前为止,一切都已经存在于React原生网站,但它没有为我工作,我仍然没有调试器
在bray://inspect/#devices中查看此项目

您将看到此屏幕打开(默认打开控制台选项卡)

你可以看到你添加到浏览器的端口和地址,并可以看到你的控制台日志在这里仍然我有一些API调用的问题,并将工作,但至少我可以继续你的项目(如果你仍然不能看到日志重新加载你的模拟器,它会工作)
实际上原因是以前当我们在chrome react native中调试时,在chrome v8 engine中打开调试器。但是爱马仕engine使用安装在您计算机上的Node JS engine进行调试,这就是它在chrome上不工作的原因

相关问题