RN的win7开发环境部署和问题解决

1安装node,配置环境变量

2.安装Android studioe,配置环境变量

3.安装python2

注意 Node 的版本必须高于 8.3,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)。安装完 Node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

 安装完 yarn 后同理也要设置镜像源

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

 安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名

创建新项目:

react-native init FirstAPP

 提示:你可以使用--version参数(注意是个杠)创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

Windows 用户请注意,请不要在某些权限敏感的目录例如 System32 目录中 init 项目!会有各种权限限制导致不能运行!

cd FirstAPP
react-native run-android

 这里建议用Android studio运行项目app


红屏问题解决:

  • 确保包服务器在运行
  • 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
  • 确保飞行模式是关闭的
  • 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备

检查包服务器在运行方法

       在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常。检查网址为:http://localhost:8081/index.android.bundle?platform=android

如果无法显示,则在cmd 窗口中输入 npm start 回车 ,再次检查该网址.运行正常,建议使用真机测试输入 adb reverse tcp:8081 tcp:8081,重新加载app,运行即可

原文地址:https://www.cnblogs.com/loaderman/p/9604661.html