频道导航

React Native常见报错

2020-05-29 React 前端之家

前端之家收集整理的这篇文章主要介绍了React Native常见报错，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

一。Failed run android simulator : No connected devices!

@H_403_10@ 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 runreact-native run-androidshould produce the effect of a react mobile app running in your emulator window.

@H_403_10@

二。ReactNative经典报错

解决办法：

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

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

 
  adbreversetcp:8081tcp:8081 
 

 
  点击ReloadJS即可成功拉取ReactNativebundle。 
 

2.

    我们摇一摇手机，点击 
   DevSettings后，点击 
   Debugserverhost&portfordevice,设置IP和端口。 
  

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

 
  设置完成后，回到空白页面，再次摇一摇手机，选择ReloadJS，程序就运行起来，出现WelcometoReactNative！

   这个信息是在项目目录下 
  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)

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

4.has not been registered.

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

但是，还有一种情况！

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

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

5.null is not an object

@H_403_10@ 未bind(this)

@H_403_10@

显示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)}
                />

原文链接：https://www.f2er.com/react/306455.html