React Native纠错集锦

启动服务器报错

解决方法

1、环境变量PATH

create (or edit) ~/.bashrc

添加 android sdk  path 环境如下命令

export ANDROID_HOME=/Users/ouhimehime/Library/Android/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools

2、配置权限 

如果配置环境后不可以运行 可能是无权限运行

在项目下运行 就是为android文件夹下的gradlew命令 添加权限

chmod 755 android/gradlew

Could not connect to development server报错

解决办法：

1、react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

2、重新编译index.js文件，重新运行react-native run-android

3、刷新android模拟器

调试Unable to load script from assets 'index.android.bundle' 报错

解决方法

1、（创建缺失的目录）：mkdir android\app\src\main\assets

2、（在创建好的目录添加程序需要的文件）：react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

3、 react-native run-android

java.lang.String cannot be cast to com.facebook.react.uimanager.Accessibility

DelegateUtil$AccessibilityRole报错

在终端依次执行（在当前项目路劲下）：

1、删除项目里的 node_modules 文件夹

      rmdir node_modules

2、npm i -S [email protected]

3、npm add @babel/runtime

4、npm i [email protected] --save-dev

5、npm i

Invariant Violation: Element type is invalid报错

解决方法

1、varHello = require('./components/Hello');

    改为import Hello from './components'

2、或者将export defaultReact.createClass({

      改为module.exports =React.createClass({

 Unable to resolve module:react-module

解决 方法

终端运行npm install react -module –save

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object报错

 var Home=require(‘./Home’)

改为 var Home=require(‘./Home’).default

或者import Home from ‘./Home’

夜神模拟器调试

1、打开夜神模拟器；

2、打开cmd,输入命令：adb connect 127.0.0.1:62001，连接到模拟器；

3、cd进入工程目录下

4、启动项目：react-native run-android;

如何在一个项目中切换不同的界面

使用Navigator实现界面切换