react native常用组件(react native环境安装流程)
react native常用组件
react native环境安装流程react-native安装流程1.npx react-native init AwesomeProject报错
运行 cd ./demo/ios && pod install 即可解决
2.安装JDK
(1)brew install adoptopenjdk/openjdk/adoptopenjdk8
运行项目下运行react-native doctor 报错
✖ JDK
- Version found: 1.8.0_191
- Version supported: >= 8
这个报错不影响环境,注意 1.8 版本官方也直接称 8 版本,是doctor识别不了
3.创建配置文件为~/.zshrc
(1). 可以使用echo $0命令查看你所使用的 shell
(2).创建配置文件为~/.zshrc
(如果是 bash 则为~/.bash_profile)
在命令行输入 touch .zshrc 查看是否创建成功 则使用open $HOME/.zshrc 打开文件夹表示创建成功
(3)打开终端,输入:/usr/libexec/java_home -V
查看java安装路径,在配置java环境变量(不一定需要,但是我进行配置了)
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_191.jdk/Contents/Home CLASSPAHT=.: J A V A H O M E / l i b / d t . j a r : JAVA_HOME/lib/dt.jar: JAVAHOME/lib/dt.jar:JAVA_HOME/lib/tools.jar PATH= J A V A H O M E / b i n : JAVA_HOME/bin: JAVAHOME/bin:PATH: export JAVA_HOME export CLASSPATH
运行Java - version,显示
则安装成功
2.安装Android sdk时报错版本不匹配,点击show Package Details安装对应的版本
配置 ANDROID_HOME 环境变量
(1)在Android studio中查看sdk的安装路径
(2)在.zshrc 中配置 ANDROID_HOME 环境变量
export ANDROID_HOME= H O M E / L i b r a r y / A n d r o i d / s d k e x p o r t P A T H = HOME/Library/Android/sdk export PATH= HOME/Library/Android/sdkexportPATH=PATH: A N D R O I D H O M E / e m u l a t o r e x p o r t P A T H = ANDROID_HOME/emulator export PATH= ANDROIDHOME/emulatorexportPATH=PATH: A N D R O I D H O M E / t o o l s e x p o r t P A T H = ANDROID_HOME/tools export PATH= ANDROIDHOME/toolsexportPATH=PATH: A N D R O I D H O M E / t o o l s / b i n e x p o r t P A T H = ANDROID_HOME/tools/bin export PATH= ANDROIDHOME/tools/binexportPATH=PATH:$ANDROID_HOME/platform-tools
环境安装成功
4.运行 npm run android
现实不能安装app,报错端口8081里面报错,切换了国外数据源后安装正常
到此这篇关于react native环境安装的文章就介绍到这了,更多相关react native环境安装内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- react和antd项目教程(React引入antd-mobile+postcss搭建移动端)
- vscode react jsx语法 开发环境(React-vscode使用jsx语法的问题及解决方法)
- vue3中的setup的参数(Vue3中ref与reactive的详解与扩展)
- react中state的作用是什么(React中useEffect 与 useLayoutEffect的区别)
- vue react和angular(详解React Angular Vue三大前端技术)
- react怎么绑定state(react纯函数组件setState更新页面不刷新的解决)
- react高阶组件怎么用(React 高阶组件HOC用法归纳)
- html5创作(HTML5录音实践总结Preact)
- react app框架(浅谈React原生APP更新)
- reacthooks基础使用(React 小技巧教你如何摆脱hooks依赖烦恼)
- yii2对比springboot(yii2.0框架使用 beforeAction 防非法登陆的方法分析)
- reactredux任务处理进度(一文搞懂redux在react中的初步用法)
- react重点和难点(关于React状态管理的三个规则总结)
- reacthooks用法(详解React Hooks是如何工作的)
- react usestate实现原理(浅谈react useEffect闭包的坑)
- react native常用组件(react native环境安装流程)
- 九月初,爱如蜜糖,甜到心扉,迷恋彼此,一日不见兮,思之若狂(九月初爱如蜜糖)
- ()
- 对你思念入骨的女人,跟你见面时会有这几种表现,藏都藏不住(对你思念入骨的女人)
- 纳兰性德绝美作,一场重逢,成就最后一首称得上惊艳的《如梦令》(纳兰性德绝美作)
- 如何快速赚钱(如何快速赚钱方法真实有效)
- 这里输入关键词(如何输入关键词)
热门推荐
- amaze软件(amazeui时间组件的实现示例)
- python3中super函数的基本用法(实例讲解Python3中abs函数)
- pythonmatplotlib画图流程(python3使用matplotlib绘制条形图)
- jenkins回滚docker容器(关于docker部署的jenkins跑git上的程序的问题)
- python3语法规则(详解Python3注释知识点)
- 搭建lamp平台并测试(浅谈Web服务器的构架:LAMP LNMP以及LLMP)
- qt和js相互调用(QT与javascript交互数据的实现)
- 阿里云ssl证书ip地址(阿里云申请云盾免费SSL证书https)
- php微信支付步骤(PHP实现微信提现企业付款到零钱)
- log4net 使用
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9