Image 图像加载错误React创建React应用程序

我想从我的React应用程序（我使用创建React应用程序）中的文件上载图像。它没有显示，并且终端中出现了错误消息

我在以下问题中尝试了建议的解决方案，但对我的应用程序无效

错误消息是

未找到模块：无法解析“/Users/ayumi/my app/src/components”中的“/Image.png”

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>
    );
  }
 }

已编辑 多亏了Chris的评论，它发现导入区域中只缺少一个逗号

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

---

您需要进入一个目录以导入png，如下所示：

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

---

如果

/

解析为

/Users/ayumi/my app/src/components

，并且您的图像更高一级，只需像

./image.png

一样导入即可。所以只要再加一个

。哦，我的天啊。这是一个愚蠢的错误。现在很好用。非常感谢你！

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