Javascript 下载错误或资源不是'；这不是一个有效的图像

从控制台尝试使用清单中的以下图标时出错：（下载错误或资源不是有效的映像）

import React from 'react';
import Logo from '../Images/logo192.png';

<div>
<img src={Logo} style={{width: '80px', height: '80px'}} alt='react logo' />
</div>

从“React”导入React；
从“../Images/logo192.png”导入徽标；

上面传递的图像示例。

徽标是否有效

logo192.png是一个png文件，当您使用“创建react应用程序”启动react项目时，它会加载到您的项目中。如果删除此文件，react将尝试搜索该资源，但由于该资源已被删除，因此将无法找到它

---

要修复此错误，您必须删除public/index.html和public/manifest.json中对logo192.png的所有引用。

从manifest.json文件中删除以下条目：

---

确保有问题的图像未损坏。 例如，图像可能存在并且可以下载，但文件本身已损坏

---

在照片查看器或编辑器中打开文件进行验证。

关于

？对我有用：）

{
  "src": "logo192.png",
  "type": "image/png",
  "sizes": "192x192"
},