圖片不存在error

我參考了React Native官方教程中的ScrollView。圖片不存在error

圖像代碼就像 <Image source={require('./img/favicon.png')} />

當我嘗試建立它表明

開發服務器返回的響應錯誤代碼：500 網址：http://10.0.2.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false 身體：

{"from":"F:\\ReactNativeProject\\FirstProject\\index.android.js","to":"./img/favicon.png","message":"Unable to resolve module `./img/favicon.png` from `F:\\ReactNativeProject\\FirstProject\\index.android.js`: Directory F:\\ReactNativeProject\\FirstProject\\img\\favicon.png doesn't exist","name":"UnableToResolveError","type":"UnableToResolveError","errors":[{}]}

我將圖片設置爲我的文件夾即F:\ReactNativeProject\FirstProject\img

和圖像名稱是favicon

爲什麼它顯示錯誤？有人可以告訴我爲什麼？感謝advace。

新的錯誤是F:/ReactNativeProject/FirstProject/index.android.js: Unexpected token (9:25) at F:\ReactNativeProject\FirstProject\index.android.js:9:25

我的代碼是

import React, { Component } from 'react'; 
import{ AppRegistry, ScrollView, Image, Text, View } from 'react-native' 

class IScrolledDownAndWhatHappenedNextShockedMe extends Component { 
    render() { 
     return(
     <ScrollView> 
<Image source={../../img/favicon.png} /> 
</ScrollView> 
    ); 
    } 
} 


AppRegistry.registerComponent('FirstProject',() => IScrolledDownAndWhatHappenedNextShockedMe);

來源

2017-04-08 徐博俊

require被用來指代模塊/文件。因此你正在得到錯誤。

<Image source={require('./img/favicon.png')} />

應該是：

<Image source={path/favicon.png} />//path=path of image

來源

2017-04-08 13:06:30 Ved

感謝您的答覆，但我不明白這一點。如果我的根目錄是'F：\ ReactNativeProject \ FirstProject \ img'，我應該像'''在我的情況下嘗試嗎？它最終失敗。 –

嘗試或 – Ved

感謝您的幫助，我隨着它改變，但它顯示了另一個錯誤，我是反應原生物的雙胞胎，你能再次幫助我嗎？謝謝。 –

圖片不存在error

回答

相關問題