React Native常见报错

最新推荐文章于 2025-06-16 09:29:25 发布

三少GG

最新推荐文章于 2025-06-16 09:29:25 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 常规

本文链接：https://blog.youkuaiyun.com/pkueecser/article/details/51872395

Android 常规专栏收录该内容

46 篇文章

订阅专栏

本文主要介绍了在使用React Native开发过程中遇到的常见错误，包括'Failed run android simulator'和'未注册组件'的问题。解决方法涉及启动模拟器、设置设备的Debug server、处理Android版本差异以及解决组件未找到的方法绑定问题。确保正确配置Dev Server和避免同时运行多个React Native程序能有效避免这些错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一。 Failed run android simulator : No connected devices!

https://github.com/facebook/react-native/issues/3091

When you have the platform, and the device, you can then boot the device with emulator:

$  emulator -avd <name>

eg: emulator -avd React_API22

Once booted, the command you were likely trying to run react-native run-android should produce the effect of a react mobile app running in your emulator window.

二。ReactNative经典报错

解决办法：

注意Android5.0以上版本命令方式：

打开Android SDK目录 xxx\Android\sdk\platform-tools。在当前文件路径呼出命令行，输入：

adb reverse tcp:8081 tcp:8081

点击Reload JS 即可成功拉取ReactNative bundle。

2.

我们摇一摇手机，点击Dev Settings后，点击Debug server host & port for device,设置IP和端口。

这里的IP是电脑的IP，端口号固定8081。

设置完成后，回到空白页面，再次摇一摇手机，选择Reload JS，程序就运行起来，出现Welcome to React Native！

这个信息是在项目目录下index.android.js里的，可以打开看看：

class HelloAndroid extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.android.js
        </Text>
        <Text style={styles.instructions}>
          Shake or press menu button for dev menu
        </Text>
      </View>
    );
  }
}

3. RN 需要启动一个 Dev server 来辅助开发，Android 5.0 可以直接通过 USB 的访问，5.0 以下只能通过 WiFi 来访问。

adb reverse was introduced in Android 5.0。Please provide alternative solution.

解决办法：

Press the device Menu button
Select Dev Settings
Select Debug server host for device
Type in your machine's IP and Reload JS (it was 192.168.1.100:8081 for me)

别忘电脑、手机需在同一wifi网络下!

4.has not been registered.

http://www.jianshu.com/p/82a09063e61c

但是，还有一种情况！

即便你确保一致了但还是出现相同的错误提示，这又是怎么搞得呢？这个时候你可以检查一下你的命令行。有可能你同时在运行一个以上的程序，像我。如果你的react-native在运行程序A而你打开了程序B，也会出现相同的问题。解决方法很简单，关掉命令行运行程序。

我遇到了你文中所说的后者那个问题，没有关掉上一个项目运行所开的终端。

5. null is not an object

未bind(this)

显示null is not an object (evaluating '_this3._pressRow')，上图：
这里写图片描述
一看就知道是找不到方法，后来查阅这个资料，知道了解决方法，原来renderRow要与外面的this绑定起来，这个跟Android里的上下文环境Context很像：

<ListView 
                    contentContainerStyle = {styles.list}
                    pageSize={2}
                    dataSource = {this.state.dataSource}
                    renderRow={this._renderRow.bind(this)}
                />