天天看點

開發ReactNative配置expo-cli遇到的問題

開發ReactNative配置expo-cli遇到的問題

  1. 當嘗試使用

    npm install -g expo-cli

    在我的筆記本端時,在執行到

    extract [email protected]

    時,電腦當機了。*這是一個神舟的電腦,發現拔掉滑鼠的連線,開機的那段等待時間大大縮短。*然後再我的一台桌上型電腦上嘗試,發現安裝正常。是以我判斷是系統問題。之前用的系統是那種快速安裝,這樣的系統有很多權限被亂設定了。是以找了老毛桃的裝機工具,然後去可能是叫IT之家,找win10原版。之後一番折騰安裝成功。之後在嘗試去安裝。
  2. 關于使用expo start時,手機端提示網絡連接配接不正确。上stackoverflow上搜。後來發現我的電腦之前安裝過virtualbox,然後使用cmd中ipconfig,查到前面的Ethernet adapter VirtualBox Host-Only Network-IPv4 192.168.56.1,後面的Ethernet adapter以太網-IPv4是192.168.1.113。在terminal中看到的提示

    exp://192.168.56.1:19000

    ,是以這用的還是虛拟IP。是以嘗試使用

    set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.1.113

    ,首先在vscode裡的cmd或powershell使用,在Environment Variables裡找不到這個

    REACT_NATIVE_PACKAGER_HOSTNAME

    , 然而重新打開一個獨立的cmd視窗,cd到目前目錄再執行就可以設定成功這個環境變量。但是雖然設定成功了,無輪怎麼嘗試,在terminal中還是這個ip不變。就在我快要放棄的時候,這個參考提到set是适用于一個session,我嘗試在一個terminal的一個cmd視窗,先使用

    set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.1.113

    ,緊接着使用

    expo start

    ,這個時候奇迹發生了,ip變了, 變成了

    exp://192.168.1.113:19000

    , 現在在手機上關閉所有expo程式,在ternimal中輸入

    a

    去連接配接安卓裝置,哇啦,成功啦!!一個叫做我自己定義的名字’jesmine’的app打開了。之後打開App.js,可以檢視要使用的内容。哇啦,慢慢享受吧。順便提一下,應該可以在Network && Internet settings裡面删除,或者說在Control Panel\Network and Internet\Network Connections裡去删除掉VirtualBox Host-Only Network,我沒嘗試,估計可以吧。

繼續閱讀