Ubuntu開發React-Native之代碼刷新解決方案

在Ubuntu(Linux發行版都行,不一定是Ubuntu)開發React-Native中在真機就調試或者式虛擬機調試都可能會遇到寫了代碼,而真機或者虛擬機都沒有實時的刷新代碼所實現的內容(包括功能)比如下面的圖
這裏寫圖片描述

無論怎麼刷新我們都會發現都是沒有效果的,下面我的個人解決方案,僅供參考
1).我們到所建的項目的根目錄去打開終端,如下圖
這裏寫圖片描述

2).然後往裏面寫一段代碼

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

注意:運行這段代碼的時候你可能會遇到一個問題,說是沒有找到文件或文件集

ENOENT: no such file or directory, open 'android/app/src/main/assets/index.android.bundle'

如下圖

這裏寫圖片描述
3).我們根據錯誤的提示路徑,我們進入路徑裏面,路徑如下

android/app/src/main/assets/index.android.bundle

發現main的文件夾裏面沒有assets文件夾,那麼我們就新建一個文件夾,並命名爲assets,然後在assets的文件夾裏面新建一個空白文檔命名爲index.android.bundle然後保存即可。
4).我們次在項目的根目錄下新建一個終端,再次運行如下命令

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

5).如果運行項目還是無法刷新的話,你繼續往下看
首先,進入項目如下的路徑
這裏寫圖片描述
其次打開index.js的文件把修改一下

//const MAX_WAIT_TIME = 120000;
const MAX_WAIT_TIME = 360000;

然後保存即可。
最後,我們再次在項目的根目錄下新建一個終端,運行一下如下命令,問題就徹底解決了

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

運行之前是這樣的

這裏寫圖片描述

運行之後又是這樣的,哈哈哈哈
這裏寫圖片描述
然後在去運行項目看看,代碼實現刷新了。喜歡我的文章可以給我買一杯咖啡,讓我做的更好,謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章