React Native环境配置之路

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,支持iOS和安卓两大平台。

  1. 首先下载node.js 安装包 配置环境 https://nodejs.org/zh-cn/download/
  2. 配置完成之后到dos窗口输入npm -v ,出现版本号说明安装node.js成功
  3. 之后输入npm install -g react-native-cli 就可以安装我们react-native工具
  4. 成功之后输入react-native -help 可以看到支持的react-native 所支持的命令
  5. 然后我们可以通过init 可以初始化项目 npx react-native init AwesomeProject(注:看最新官网文档不然坑很多) https://reactnative.cn/docs/getting-started
  6. 这样React-native就可以从vpn服务器下载依赖包,这里我们需要设置镜像服务器,在node.js安装根目录 npm里找到npmrc 打开添加registry=https://registry.npm.taobao.org 配置镜像服务器,这样创建的时候只需要到镜像服务器里下载依赖工具包,就可以大大提高初始化速度
  7. 这时候直接运行会有个坑,会报android ReactNative之Cannot find entry file index.android.js in any of the roots错误,在react native以前的版本,index.android.js与index.ios.js是分开的两个文件 、在最新版本中这两个文件合并成index.js一个文件了,报错原因在根目录没找到两文件
  8. 解决方法: 创建目录:mkdir android\app\src\main\assets之前记得cd AwesomeProject目录下 创建两个文件 npx 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/ 这时候再运行就不报错了
  9. 运行项目如果报错记得重新安装jdk,可能路径配置不对。
  10.  在使用yarn react-native start 时报 error listen EADDRINUSE: address already in use :::8081. Run CLI with --verbose flag for more details. Error: listen EADDRINUSE: address already in use :::8081 这种错误是端口占用netstat -ano 列出端口对应listen之后 tskill 2348 这样杀死端口 11.当react-native run-android也出现如下错误时候都是端口占用,改成yarn react-native run-android --port 8081可解决(https://www.jianshu.com/p/481f7ec546ba) error listen EADDRINUSE: address already in use :::8081. Run CLI with --verbose flag for more details. Error: listen EADDRINUSE: address already in use :::8081 at Server.setupListenHandle [as _listen2] (net.js:1313:16) at listenInCluster (net.js:1361:12) at Server.listen (net.js:1447:7) at F:\rn\AwesomeProject\node_modules\metro\src\index.js:235:20 at new Promise () at Object. (F:\rn\AwesomeProject\node_modules\metro\src\index.js:234:14) at Generator.next () at asyncGeneratorStep (F:\rn\AwesomeProject\node_modules\metro\src\index.js:46:24) at _next (F:\rn\AwesomeProject\node_modules\metro\src\index.js:66:9) error Command failed with exit code 1.

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值