ReactNative 踩坑之旅--运行第一个程序遇到错误及解决

安装环境就先不说了,网上有很多教程,值得一提的是,加如按照网上的教程装了后发现一系列java关键字的错误,希望你能认真看一下你的java和Android相关的环境变量,我用家里的笔记本就遇到过这样的问题,不知名原因将我环境变量清除了,故而我有遇到类似的问题。

试着用刚装好的环境测试第一个ReactNative程序,

cmd命令创建一个名为HelloWorld的应用:

react-native init HelloWorld

成功后cmd命令进入HelloWorld的目录:

cd HelloWorld

运行HelloWorld:

react-native run-android

重点来了,这时可能会遇到一个Make sure your bundle is packaged correctly or you're running a packager server的错误,

这个问题只是你的应用在运行时npm被退出了的原因,只需要再重新运行一下:

react-native run-android

然后我这里就遇到了error code: 500的错了。

我这时直接按照stackOverFlow里方案是依然行不通的。

后来查阅资料发现可能是当前版本通用问题,问题版本:0.56,来查看下当前版本:

react-native -v

运行结果:

============================分界线,可直接从这里开始操作==============================================

这时需要降一下版本:

在当前项目HelloWorld的目录下继续输入:

npm install --save [email protected]

成功后继续输入:

react-native upgrade

一路y,直到完成;

查看版本号结果返回

这时再输入:

yarn remove babel-preset-react-native

以及

yarn add [email protected]

最后:

react-native run-android

再有错,最后一句多运行几次。

将就看吧,不知道怎么倒了,,

 

ReactNative 踩坑之旅--运行第一个程序遇到错误及解决_第1张图片

 

补充:想起中间有个Android Stuido的问题,大致是..\sdk\build-tools和..\sdk\platforms的版本相关的错误,这个的话一定要保持最高版本号的一致性,分享个镜像下载链接:http://mirrors.neusoft.edu.cn/android/repository/

 

参考链接:

https://stackoverflow.com/questions/41802749/the-development-server-returned-response-error-code-500-in-react-native

 

你可能感兴趣的:(ReactNative)