react-native环境搭建采坑笔记

提示：

先按照中文文档步骤搭建环境：react-native 中文文档

坑一：

使用react-native init Demo新建的项目 ， 当执行 react-native run-ios 后进入如下图的状态 ， 等待多久也都没有任何响应



出现这种情况原因是 react-native 新版本的包变大了很多 ， 在国内即使翻墙也有可能下载失败

解决办法：

1.将项目目录下的node-modules文件夹删掉，将ios目录下的build文件夹删除

2.修改package.json文件，将react-native的版本锁定到 0.44.3 ， react的版本锁定到 16.0.0-alpha.6 。如下：

"dependencies": {
"react": "16.0.0-alpha.6",
"react-native": "0.44.3",
},

然后从终端进入项目目录执行 npm install 等依赖的 npm 包加载完毕后执行 react-native run-ios , 不出意外就能见到情切的欢迎页面中 。

坑二：

下载的案例或者他人已有的项目 ， npm install 后执行 react-native run-ios 后如果出现如下报错



出现这种原因是因为react-native的版本和一些所依赖的npm包之间的版本差异导致的。

解决办法（同上）：

1.将项目目录下的node-modules文件夹删掉，将ios目录下的build文件夹删除

2.修改package.json文件，将react-native的版本锁定到 0.44.3 ， react的版本锁定到 16.0.0-alpha.6 。如下：

"dependencies": {
"react": "16.0.0-alpha.6",
"react-native": "0.44.3",
},

然后从终端进入项目目录执行 npm install 等依赖的 npm 包加载完毕后执行 react-native run-ios , 不出意外就能见到情切的欢迎页面中 。

总结一下：

按照官方文档来搭建环境 ， 以及相关的配置多半不会有太大的问题 。 出现坑最多的点应该就在版本的问题上 。 react-native迭代的速度非常快 ， 目前比较好的解决办法就是锁定到稳定的版本 可以避免掉这些坑 。相信 react-native 会越来越稳定 ， 越来越强大。

Enjoy it