微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native中的调试器问题?

如何解决React Native中的调试器问题?

我正在尝试将调试器附加到React Native应用程序。 我正在使用React Native工具扩展进行React Native调试。

由于我是React Native的新手,我有点无法执行调试工作。 我不确定为什么它显示8082,而不显示8081。我的地铁捆绑器显示在PORT 8081中。

注意:我正在使用iOS模拟器进行测试。

我在做错什么或错过什么吗?

请建议是否需要更多信息。

enter image description here

解决方法

要解决此问题,请按照以下步骤操作,并通过给定命令运行项目:

  1. 通过添加环境变量来更改Metro默认端口:

    export RCT_METRO_PORT=9095
    

    ⚠:如果您使用的是Windows,请首先执行this method

  2. 导航到项目的ios文件夹并编辑:

    ios/Pods/Headers/Public/React-Core/React/RCTDefines.h
    

    查找所有80818082并将其更改为9095,总是在定义RCT_METRO_PORT时找到它们

  3. 准确地为第二个做

    ios/Pods/Headers/Private/React-Core/React/RCTDefines.h
    
  4. 也请在项目的ios文件夹中更改此文件:

    ios/Kelaket.xcodeproj/project.pbxproj
    

    找到两个RCT_METRO_PORT:=8081并将它们都更改为RCT_METRO_PORT:=9095

  5. 在以下位置将default的{​​{1}}更改为yargs.option

    9095

完成这些更改后,请回到项目的根目录并执行以下命令:

  1. 纱线开始-重置缓存
  2. yarn ios

然后您可以看到所有端口号node_modules/.bin/metro-inspector-proxy 都可用。

注意::要使用React Native Debugger,只需按 + t 并将端口更改为9095,然后您可以将您的应用程序连接到React Native Debugger。

,

假设您使用的是Visual Studio Code,只需确保已在launch.json文件中正确声明了打包程序端口。 然后,重新启动打包程序,然后重试。

...
"configurations": [
        {
            "name": "Attach to packager","cwd": "${workspaceFolder}","type": "reactnative","request": "attach","port": "8081"
        }
    ] 
...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。