加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native常见报错

发布时间:2020-12-15 03:28:17 所属栏目:百科 来源:网络整理
导读:一。 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 Rea


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




二。ReactNative经典报错



解决办法:


1.


注意 Android5.0以上版本命令方式:
打开AndroidSDK目录xxxAndroidsdkplatform-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.


解决办法:

  1. Press the device Menu button
  2. Select Dev Settings
  3. Select Debug server host for device
  4. 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)}
                />

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读