React-native 环境搭建,初次运行红屏问题解决

1 环境搭建
官方中文网
参考官方说明,新增的环境变量截图如下
React-native 环境搭建,初次运行红屏问题解决_第1张图片
React-native 环境搭建,初次运行红屏问题解决_第2张图片

D:\WorkSpace\bxf\Python\Python2.7.15\Scripts;D:\WorkSpace\bxf\Python\Python2.7.15\Tools\Scripts;D:\Program Files\nodejs\;D:\AndroidSDK\platform-tools

2 华为手机开发者模式连接
下载安装“华为手机助手 HiSuite”
参考

2 非C盘创建项目,真机运行红屏
React-native 环境搭建,初次运行红屏问题解决_第3张图片
可能解决方法:1、npm install 重新运行
2、关闭所有cmd指令框,运行 adb reverse tcp:8081 tcp:8081
React-native 环境搭建,初次运行红屏问题解决_第4张图片
最终手机调试成功
React-native 环境搭建,初次运行红屏问题解决_第5张图片
编辑器VS-code
需要安装插件 ReactNative Tools ,新建项目并联机调试

React-native 环境搭建,初次运行红屏问题解决_第6张图片
参考

你可能感兴趣的:(React-native,react-native,华为荣耀9,红屏)