學習這件事就是一件不停的踩坑、填坑的過程。
最近開始學習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!