Почему я продолжаю получать сообщение об ошибке «не удалось скомпилировать» при использовании собственного шаблона react из Интернета?

#reactjs #react-native

Вопрос:

введите описание изображения здесь Я новичок в кодировании и пытаюсь использовать шаблон, предлагаемый 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,
};
 

Комментарии:

1. Ваша ошибка говорит о том, что изображение backArrow.png находится не в том месте, которое вы указали в требовании.

2. @Rohit Изображение находится в определенной папке, судя по тому, что я вижу. Я постараюсь добавить скриншот.

Ответ №1:

У тебя их слишком много ../ . Попробуй

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