添加Image时出现意外的令牌

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文件都应该在components文件夹中，尝试将你的HomeScreen.js文件替换为components文件夹并再次运行它。希望它有效。

Answer 3

这是因为你错过了单引号

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