mainfest Image Error: (img/icons/andriod-chrome-192×192.png)Download error or resource isn’t a vaild image

Configure the logo label of vue-cli (ie: label icon)

Solution:

1. Add in the entry file index.html

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<link rel="shortcut icon" type="image/x-icon" href="./img/logo.png">
<link rel="shortcut icon" type="image/x-icon" href="./img/logo.png">
<link rel="shortcut icon" type="image/x-icon" href="./img/logo.png">

 

 

2. Add the manifest.json file to the public folder
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
{
"icons": [
    {
      "src": "./img/logo.png",
      "type": "image/png"
    }
  ]
}
{ "icons": [     {       "src": "./img/logo.png",       "type": "image/png"     }   ] }
{
     "icons": [
    {
      "src": "./img/logo.png",
      "type": "image/png"
    }
  ]
}

 

Read More:

Leave a Reply

Your email address will not be published. Required fields are marked *