Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Error while trying to use the following icon from the Manifest

Tags:

reactjs

While running react app my console always shows this error message. An i know why this is showing?

"Error while trying to use the following icon from the Manifest: http://localhost:3000/favicon.ico (Resource size is not correct - typo in the Manifest?)"

like image 481
Mohamed Sabith Avatar asked Apr 10 '20 10:04

Mohamed Sabith


3 Answers

Change sizes in the manifest.json.

Try this:

"sizes": "16x16" 
like image 128
Volkan Temel Avatar answered Sep 28 '22 00:09

Volkan Temel


Go to the index file and comment out <link rel="manifest" href="%PUBLIC_URL%/manifest.json">

like image 38
Ib Abayomi Alli Avatar answered Sep 27 '22 23:09

Ib Abayomi Alli


I was having the same issue. If you open up your manifest.json located in the public folder of you'll notice a bunch of specifications for icons. If you deleted them when cleaning up your app or added one that does not fit the parameters within the manifest you will get the error you're getting. Edit the "src" within the manifest for your new favicon.ico, or delete the ones your not using and your problem should disappear.

Have a look here as well: What is public/manifest.json file in create-react-app?

like image 40
Not An Alien Avatar answered Sep 27 '22 23:09

Not An Alien