Ошибка загрузки изображения React Создать приложение React

Question

Я хочу загрузить изображения из файлов в моем приложении React (я использую приложение create-реагировать на это). Оно не появилось, и в терминале появилось сообщение об ошибке.

Я попробовал предлагаемое решение в следующих вопросах, но оно не сработало для моего приложения.

React не будет загружать локальные изображения

Динамически добавлять изображения React Webpack

Сообщение об ошибке

Module not found: Can't resolve './Image.png' in '/Users/ayumi/my-app/src/components'

Main.js

import React from 'react';
import Image from './Image.png';


export default class Parent extends React.Component {
render() {
return (
<div>
<img src={Image} alt=""} />
</div>);
 }
 }

Файловая структура

|-- src
|   ` app.js
|    ` image.jpg
|   `-- components
|      `Main.js

Отредактировано Благодаря комментарию Криса выяснилось, что в области импорта отсутствовала только одна запятая.

import React from 'react'; import Image from '../Image.png';

Answer 1

Вам нужно перейти в каталог, чтобы импортировать ваш png, вот так:

import Image from '../Image.png';