天天看点

react-native 学习笔记1---创建与运行项目

学习这件事就是一件不停的踩坑、填坑的过程。

最近开始学习react-native,从创建项目开始,本以为有前辈们的提醒,可以少踩坑,如履平地的往前走,但是有些坑如果不去踩一下人生是不完整的。。。

接下来我也记录下自己踩过的坑吧

首先是搭建环境,这个官方文档已经说的很详细了,pass

其次是构建项目,此处按照命令行一步步走是没错的

react-native init yourapp // 这里需要注意:直接用该命令默认新建的最新版本,而最新版本直接运行会报错,需要引入第三方库
cd yourapp
react-native run-ios
           

如果不想引第三方库,就创建0.45之前的版本,使用以下命令:

react-native init --version=0.44.3 yourapp
           

构建完成之后会提示你如何运行项目,此处列举ios的,有两种方法:

1、在命令行cd到你刚建的目录下,然后 react-native run-ios

2、直接找到项目目录下ios文件夹,用xcode打开其中的xcode文件,然后点击xcode左上角run按钮

运行成功后会自动打开ios模拟器,如下图

react-native 学习笔记1---创建与运行项目

虽说过程看起来很容易,实际我是创建好几次才成功的,主要的原因就是版本的问题,如果遇到版本问题,可以手动改一下package.json文件,将其中的react和react-native版本改为下面这样,试一下吧,不能百分百好使。

react-native 学习笔记1---创建与运行项目

然后删掉node moudles文件夹,重新npm install一下,最后重新运行(重复以上步骤)。

goodluck!

继续阅读