已移除create-react-app默认React图标但仍显示,求解决方法
彻底移除Create React App默认图标的方法
即使你已经从index.html中移除了图标引用,仍有几个原因会导致默认图标继续显示,按以下步骤操作即可彻底清除:
- 删除public目录下的默认图标文件:找到你的public文件夹,删掉所有自带的图标文件,包括
favicon.ico、logo192.png、logo512.png(从你的目录截图里能看到这些文件)。 - 清理manifest.json的图标配置:打开public目录下的
manifest.json,找到icons字段,把整个图标配置数组删掉。比如原内容类似:
直接移除这段代码即可。"icons": [ { "src": "logo192.png", "type": "image/png", "sizes": "192x192" }, { "src": "logo512.png", "type": "image/png", "sizes": "512x512" } ] - 强制清除浏览器缓存:按下
Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面,或者用隐私浏览窗口打开,避免浏览器缓存旧图标。 - 重启开发服务器:如果正在用
npm start或yarn start运行开发服务,重启服务确保静态资源修改生效。
完成以上步骤后,浏览器标签页就不会再显示默认的React图标了。
内容的提问来源于stack exchange,提问作者Govind Tomar
相关产品推荐
相关产品推荐

