下载错误或资源不是有效图像

Question

尝试使用 Manifest 中的以下图标时出错：http://localhost:3000/logo192.png（下载错误或资源不是有效图像）来自控制台？

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

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

上面传递的图像示例。

Answer 1

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

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

Answer 2

Logo 是一个有效的项目吗？

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

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