尝试从清单中使用以下图标时出错: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>
通过上面的图像的例子。
徽标是有效项目吗?
logo192.png是一个png文件,当您使用“ create-react-app”启动react项目时,该文件会加载到您的项目中。如果删除此文件,则react将尝试搜索该资源,但由于该资源已被删除,因此无法找到它。
要解决该错误,您必须删除public / index.html和public / manifest.json中对logo192.png的所有引用。