天天看點

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!

繼續閱讀