首页 > 其他 > 详细

React-Native 从项目初始化到hello word

时间:2020-05-29 22:18:27      阅读:56      评论:0      收藏:0      [点我收藏+]

首先的首先,请先选择好合适的node,因为RN对nodejs版本是有要求的,只要处理好版本问题,

那么我遇到的react-native init 项目  初始化的坑,比如,说什么jdk(什么20.3还是23.0,忘了,jdk8什么的)依赖,说是让你给予这些jdk许可啥的等等,这些你都不会遇到了,,,

如果你遇到了,Java 不能connect,连接超时问题,这些就是因为网络原因(要访问外网),你可以更改node,yarn等的镜像源,具体设置方法:https://www.cnblogs.com/zqblog1314/p/12968895.html,也可以f墙。

 

还有说在运行react-native start 时报正则错误,在真机或者模拟器是显示什么什么server有问题,这是因为RN的服务器你没启动起来,即react-native start 报错惹的祸,网上有得说是因为node的版本问题,这个 确实是node版本问题惹的祸,网上的解决办法(包括GitHub  RN官方)多数是修改metro-config中的某个文件,我试过了,它依旧报错。。。。。

 

怎么解决以上的种种错误呢????

答:正确的node版本即可解决,我用的是12.10.0

 

 

 

 

首先,看看在创建RN项目时会遇到哪些坑

使用react-native init 项目名  --version  0.55.4

 

记住一定要带上版本,不然错误一波接着一波,打得你头晕眼花

这里解释下为啥要带版本?

因为指定版本的话,默认是最新版本,因为RN的不稳定,所以就会有许多不兼容,就一直报错。

而经过我的多次尝试,0.55.4版本基本上是最好的(除非客户要求),仅限于2020/5/28  左右。。。。。千万别十年后来找我理论。。。。

 

然后,你必须有真机环境或者模拟器,必须要保证电脑连接上了真机(我用的是真机),具体检测方法,请看:https://www.cnblogs.com/zqblog1314/p/12968990.html

我用的电脑连接和操作手机的软件是total control,基本满足需求。

 

连接上真机后,接下来就是对真机的相关操作:真机必须开启开发者调试选项,什么USB调试,USB安装,如果真机是小米,还要关闭mui动画优化啥的,还有允许未知来源的应用安装。

 

最后,创建好指定版本后,接下直接运行 react-native run-android  

紧接着,你就会看到RN的欢迎界面了

 

因为我用的是vscode,所以刚打开RN项目代码的时候,报了两个错误

技术分享图片

 

 

 

这是因为,这种写法是.ts文件的写法,于是就报错了,稍微修改下配置就OK了,操作如下:

在settings.json文件中,追加  "javascript.validate.enable": false,   即可。

React-Native 从项目初始化到hello word

原文:https://www.cnblogs.com/zqblog1314/p/12983936.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!