为什么我在在线使用 react 本机模板时不断收到 "failed to compile" 错误？

Question

在此处输入图像描述我是编码新手，我正在尝试使用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")}