react-native開發 win環境搭建

標籤：.com   英語   圖片   路徑   htm   安裝   工程檔案   mod   ima   

1.可以按照官方的安裝說明進行安裝，個人感覺稍微懂點英語的完全可以勝任文檔安裝步驟的（https://facebook.github.io/react-native/docs/getting-started.html），具體環境變數怎麼配置可以上網一個的搜一下

 如果想快速安裝node,python,java，並且不想設定它們的環境變數的的情況下可以嘗試官方安裝步驟中的步驟，（需要安裝執行 choco的應用程式）

2.問題解決

第一次運行

react-native run-android

會報如下錯誤：

此時可以做如下步驟進行處理：

cd Project
npm uninstall react-native
npm install --save [email protected]
npm uninstall --save babel-preset-react-native
npm install --save [email protected]

別急，問題還沒有全部解決，解決上一個錯誤之後，會出現如下問題：

 unable to load script from assets index.android.bundle. make sure your bundle is packaged correctly

此時可以做如下步驟進行處理：

react-native link

react-native run-android

最後你將會看見類比其中頁面那會變成這樣：

 

大功告成！！！

注意細節：

1.引入工程檔案時，選擇的是建立工程，然後把react-native工程路徑放進去，而不是選擇開始介面的第二個方式，添加已存在的工程，這樣方式是錯誤的

2.運行模擬器的時候，有的電腦會報如下錯誤，

emulator: ERROR: x86 emulation currently requires hardware acceleration!
Please ensure Intel HAXM is properly installed and usable.
CPU acceleration status: HAX kernel module is not installed!

此時需要開啟電腦的cpu虛擬技術，具體怎麼開啟，自己百度即可

 

react-native開發 win環境搭建