因为manifest.json文件引起的 android-chrome-192x192.png 404 (Not Found)

H5项目打包之后,总是有这个报错,有时候还有别的icon也找不见

一通调查之后,发现是因为引入了一个vue插件

这个插件引入之后,webpack打包的时候就会自动在dist文件夹中产生一个manifest.json文件这个文件里面主要就是一些icon地址的设置

manifest.json文件(默认是这样的)

解决办法: 

在public文件夹下新建一个manifest.json文件

文件内容: src改成你自己的ico地址就可以

{"icons": [{"src": "./favicon.ico", "type": "image/png"}]}

在index.html文件里面添加引用

然后,重新运行或者打包