添加圖片時意外的令牌

Question

我可以看到我的Text：我是HomeScreen以及編譯該項目時。我的問題是添加圖像時，顯示錯誤HomeScreen.js: Unexpected token。

我看不到我的代碼有任何問題。有誰能告訴我我錯過了什麼？這將不勝感激。

這裏是我的HomeScreen.js：

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

class HomeScreen extends Component { 
    static navigationOptions = { 
    title: 'Home' 
    }; 
    // When i add Image , i will get a error. 
    render(){ 
    return (
     <View> 
     <Image 
      source={require(../img/home.png)} 
      fadeDuration={0} 
      style={{width: 20, height: 20}} 
     /> 
     <Text>I am HomeScreen</Text> 
     </View> 
    ); 
    } 
}; 

export default HomeScreen; 

這裏是我的根：

Answer 1

source = {require（../ img/home.png）應該是source = {require（'../ img/home.png'）但是每當你添加圖片時你需要重新啓動web服務器。只需重新啓動react-native start

Answer 2

爲了您的WebPack運行，我認爲所有的js文件都應該在組件文件夾嘗試更換您的主屏幕js文件到組件的文件夾，然後運行一遍。希望它的工作原理

Answer 3

這是因爲你錯過了單引號

source={require('../img/home.png')}