RecatNative 初学笔记之window 环境搭建记录_recatnative buid failed-优快云博客

本文链接：https://blog.youkuaiyun.com/leixiong033/article/details/68938979

本文详细介绍如何搭建React Native开发环境，包括Python2、Node.js的安装与配置，npm镜像设置，Yarn及React Native命令行工具的安装，以及Android Studio和Git的配置过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考文献：http://reactnative.cn/docs/0.42/getting-started.html

1.下载python2 (注意目前不支持Python 3版本) 地址：http://download.youkuaiyun.com/detail/huhuang/9774210

安装成功以后，进入控制台验证是否安装成功（注意配置环境变量：在系统变量-PATH 配置：D:\Python27（Python安装目录））

Phthon表示安装成功

2.安装Node.js (下载地址:http://nodejs.cn/download/)

注意，目前已知Node 7.1版本在windows上无法正常工作，请避开这个版本

按照成功之后配置环境变量在系统变量Path上新增 D:\Program Files\nodejs （温馨提示：多个变量记得加；号隔开，比如%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;D:\Program Files (x86)\Git\cmd;D:\Program Files\TortoiseSVN\bin;D:\Python27;D:\Program Files\nodejs;D:\nodejs\node_global\node_modules\yarn\bin;D:\nodejs\node_global）

显示如上图，表示nodejs 已安装成功

3 安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

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

设置成功

4.安装Yarn、React Native的命令行工具（react-native-cli）

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

4.1

 执行 npm install -g yarn react-native-cli

4.2 为yarn 设置镜像yarn config set registry https://registry.npm.taobao.org 
yarn config set disturl https://npm.taobao.org/dist
4.3 为react-native命令 设置环境变量 D:\nodejs\node_global 

5.Android Studio 和 git 可查看参考文献
  

  
  
   6.测试安装 配置 系统变量   key==
   ANDROID_HOME value==Android sdk 路径
   react-native init AwesomeProject
cd AwesomeProject
react-native run-android

6 真机调试

允许AwesomeProject时，先要查看项目下的build.gradle 文件配置的gradle的版本是否跟Android studio 的gradle版本一致，如不一致可手动修改

再修改gradle-wrapper.properties 的

distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip //gradle-2.10-all.zip 修改成gradle的版本

7 解决红屏报错

1.创建assets文件夹

2 进入到项目的根目录，执行下面这段命令行：

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ 创建完成assets会多出俩个文件 3 重新运行项目 然后再摇一摇手机，会唤起设置属性窗口，点击“Dev settings在点击Debuug server host 出现设置ip地址窗口  填写电脑上的Ip地址:8081  （8081默认的端口号）