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 react-native@0.55.4

成功后继续输入：

react-native upgrade

一路y，直到完成；

查看版本号结果返回

这时再输入：

yarn remove babel-preset-react-native

以及

yarn add babel-preset-react-native@2.1.0

最后：

react-native run-android

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

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

 

 

补充：想起中间有个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