首先說明一下我的情況,新手開始學rn,之前只看過阮一峰大神和一個翻譯國外react入門的文章,然後直接開始rn配置,也是一步一步看著網上的教程開始的,剛開始問題太多,沒有寫中間的bug,直到最後這一個bug搞了我半個下午半個上午,今天上午終於看到期望已久的hello world的介面,如下圖所示

想著把最後一個bug記錄一下,以恩澤像我一樣的小白,我配置環境配置了2天呀,2天呀,2天呀,配置的我都想哭了,

好了,廢話不多說了,先說一下我的環境,如下所示

突然發現我上面沒有貼出我的java版本,這裡重點強調一下吧,目前來說react-native需要的jdk是1.8版本也說jdk8,其實都是一樣,我在大搜jdk8的時候發現有兩個,如下圖官網所示

注意:大家一定要種用上面8U151和8u152 這兩個版本,這就是我們所說的jdk8,這也是血淋淋的教訓,關於這個jdk的報錯我就不說了,反正之前我用jdk9有報錯.因為rn在我寫這篇文章之前只支援jdk8,就像他只支援python2一樣,另外溫馨提醒一下,在java官網下載上面圖中jdk的時候要先點這個接受這個許可,之前是英文的,沒注意,直接點下面對應win10版本有提示.

然後說一下我用的是genymotion shell虛擬機器,這個genymotion 安裝教程之前搜到有一個哥們寫的很清楚,其實很想推薦幾個網站,只不過我也是剛調製好環境,下面還有開發的問題麼有解決呢,等我有空一定更新我這兩天看到比較好的網站教程,大家沒看到我更新之前先去問度娘吧,這也是一種經歷.

好的,現在正式說哪個bug,直接上圖,

這句話有道翻譯是

其實直接把上面報錯這段程式碼問問度娘,都有方法,但是我看了國內幾篇大神寫的方法都是一樣,但是不解決問題,為什麼呢,因為大神寫的不全面,我在一個國外的網站上用我高中學的英語湊合的看懂了終極解決方案呀,其實這個 也是一個哥們兒遇到了我這類似的問題,他根據別人給的方法程式碼沒有解決,於是乎他就自己改造了一下,就解決了,只能說人家能改造要比我這個小白厲害了很多呀,好了好了,不賣關子了.我這個人就是廢話比較多,都是被逼的呀,

國內大神或者說一般的解決方式是,重點來了

第一步：開啟自己的專案資料夾,在Android/app/src/main目錄下建立一個空的assets資料夾，

第二步：用dos進入專案根目錄,也就是執行下面程式碼：

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 

注意上面我圈出來的這個是重點呀,就是這句話問題根本所在,中間我又按照這句話提示去問度娘,但是又經過一番折騰,最後最後找到解決辦法了,也就是本篇文章目的.

剛才上面我也說了,我在一個國外的網站上找到的解決我這個問題的方法就是剛才的第二步,不用上面的程式碼而用下面的程式碼:

正確解決我的問題的程式碼就是下面這兩行

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

大家看上面這兩張圖我圈出來的地方,第二個就是解決了我的問題的程式碼,

最後總結:解決之後我想了想為什麼下面的就可以,

大家在回去看一下我上面dos2(我給上面第二張dos截圖起的名字..)圖我圈出來的,則

說Cannot find entry file index.android.js in any of the roots: ["D:\\aReact\\myTest"]

這句話的意思大家都知道哈,說 在我的專案資料夾中找不到index.android.js 這個檔案,我一度懷疑我安裝的node不正確,就準備重新安裝之際找到了這個答案呀,老天還是沒讓我繼續第三天配置環境呀,好吧,不說廢話了說重點

大家看看自己的專案檔案目錄,先上我的檔案目錄圖

我想寫到這裡估計就有人才出來什麼意思了,是的,你想的沒錯,我用react-native 建立的專案檔案裡面沒有index.android.js ,只有這個index.js,這就是之前說找不到index.android.js它的原因了,具體為什麼我專案裡面是index.js不是index.android.js,我還沒有仔細研究,希望有明白的大神指點一二.

所以大家先看看自己生成的檔案裡面主檔案的名字,這個index.js是專案的入口檔案,所以找不到它會一直報錯.

今天就先這麼多吧,希望能夠幫到有遇到跟我類似的問題的哥們兒們,我自己也做個記錄,

多說兩句,這個是我的處女教程貼呀,希望又遇到這種情況的哥們們也說說自己的情況,我以後會把我除錯專案中間的bug記錄下來,在想明白了也會繼續更新這篇文章的,期待吧,這篇今天就這麼了吧.........

最最後貼出我參考的那個英文網站網址,有興趣的可以去看一下

https://stackoverflow.com/questions/44795384/unable-to-load-script-from-assets-index-android-bundle-make-sure-your-bundle