2015-12-13 110 views
0

我剛開始搞亂React-Native,並且在圖像組件上掛起了電話。React-Native,從相對路徑加載圖像時出錯

我試圖從相對路徑加載圖像。 https://github.com/JoeTheDave/LuLaFlow/blob/master/client/Application/Components/LuLaFlow.js

<Image style={styles.logo} source={require('../Content/Images/LulaRoe.jpg')} /> 

但我發現了一個生成錯誤說,產生的圖像路徑是一個無效目錄。

有人可以看看我的github項目,並指出我做錯了什麼?

感謝

+0

你在Windows上嗎? –

+0

不,我在Mac上。 – jdavis

回答

2

你有路徑正確的,但在圖像名稱的小錯字。包裝服務器區分大小寫,所以LulaRoe.jpg需要成爲LuLaRoe.jpg。

快速調試資產問題的一個有用的方法是儘量使用http://localhost:8081assets/[FullAssetPath]

在你的情況下,您的瀏覽器讓你的資產,與打包運行,瀏覽到這個鏈接,你會看到一個錯誤,所以你知道的東西是不對您的路徑:

http://localhost:8081/assets/Application/Content/Images/LulaRoe.jpg

導航到這一個,你現在應該可以看到瀏覽器中的圖像:

http://localhost:8081/assets/Application/Content/Images/LuLaRoe.jpg

+0

哇......不敢相信大寫錯誤會讓我如此悲痛。 - 感謝您指出了這一點。有效。 – jdavis