为什么在使用在线的react原生模板时，我一直收到“无法编译”的错误？

Question

enter image description here我是个编程新手，我正在尝试使用Instamobile提供的一个模板。我一直收到相同的错误消息，多个文件的模板，我似乎找不出原因。

Failed to compile
/Users/bdancy/trial-4/components/BackButton/BackButton.js
Module not found: Can't resolve '../../../assets/icons/backArrow.png' in '/Users/bdancy/trial-4/components/BackButton'

我是不是在安装端遗漏了什么，还是代码有问题？下面是导致此错误的代码片段。

import React from "react";
import { TouchableHighlight, Image, Text, View } from "react-native";
import PropTypes from "prop-types";
import styles from "./styles";

export default class BackButton extends React.Component {
  render() {
    return (
      <TouchableHighlight
        onPress={this.props.onPress}
        style={styles.btnContainer}
      >
        <Image
          source={require("../../../assets/icons/backArrow.png")}
          style={styles.btnIcon}
        />
      </TouchableHighlight>
    );
  }
}

BackButton.propTypes = {
  onPress: PropTypes.func,
  source: PropTypes.number,
  title: PropTypes.string,
};

Answer 1

你有太多的../。试一试

          source={require("../../assets/icons/backArrow.png")}