学习这件事就是一件不停的踩坑、填坑的过程。
最近开始学习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模拟器,如下图
虽说过程看起来很容易,实际我是创建好几次才成功的,主要的原因就是版本的问题,如果遇到版本问题,可以手动改一下package.json文件,将其中的react和react-native版本改为下面这样,试一下吧,不能百分百好使。
然后删掉node moudles文件夹,重新npm install一下,最后重新运行(重复以上步骤)。
goodluck!