#React-Native#

#React-Natice 开发环境搭建#


Node  >=16 
npm   设置淘宝镜像
JDK (Java SE Development Kit)   17 
Android Studio
VS code (开发工具)

注意
  强烈建议始终选择 Node 当前的 LTS (长期维护)版本,一般是偶数版本,不要选择偏实验性质的奇数版本。
  不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!
  查看jdk版本 javac -version  
  低于 0.73 版本的 React Native 需要 JDK 11 版本,而低于 0.67 的需要 JDK 8 版本

1:卸载react-native-cli
  npm uninstall -g react-native-cli @react-native-community/cli
2:安装react-native-cli
  npm  install   -g react-native-cli  全局安装

3:创建项目
  npx   react-native  init AwesomeProject


4:运行项目
    cd AwesomeProject
    yarn android
    # 或者
    yarn react-native run-android
    #或者 
    npx react-native run-android
    #或者
    Android Studio 中直接运行应用


其他:
 安装 react-native:

 yarn add react-native
 或者
 npm install react-native 
根据提示安装指定版本的react 
yarn add react@16.2.0
或者
npm  install react@16.2.0
注意必须严格匹配警告信息中所列出的版本,高了或者低了都不可以。
注意必须严格匹配警告信息中所列出的版本,高了或者低了都不可以。
如果你使用多个第三方依赖,可能这些第三方各自要求的 react 版本有所冲突,此时应优先满足react-native所需要的react版本。其他第三方能用则用,不能用则只能考虑选择其他库。
所有 JavaScript 依赖模块都会被安装到项目根目录下的node_modules/目录中(这个目录我们原则上不复制、不移动、不修改、不上传,随用随装)。
把node_modules/目录记录到.gitignore文件中(即不上传到版本控制系统,只保留在本地

如果出现错误TypeError: cli.init is not a function
 大概原因:react-native版本是0.69 版本上不适用。
 解决办法1:使用指定版本的react-native
  npx react-native init AwesomeProject --version 0.68.2
解决方法2:
npm uninstall -g react-native-cli
npm install -g react-native-cli
npm install -g react-native@0.64.1
 

  • 11
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值