先日、Vue.jsを使用したWebアプリケーションを作っていたところ、
コンソールにこんなエラーが出てきました
Android用の画像だったため、Chromeブラウザからmanifest.jsonを確認してみました
下の警告が怪しそうです
Downloaded icon was empty or corrupted.
ダウンロードしたアイコンが空(empty)か壊れています
と言ったところでしょうか
解決策を探る
当該画像を開いてみましたが、破損しておらず、サイズ等も間違っていませんでした
で、ググりました
この記事内に、manifest.json内の記述に関して
Change “src”: “/android–chrome-192×192.png“, to “src”: “android–chrome-192×192.png“, (without / at the beginning).
とのAnswerがありました
言われてる通り、manifest.jsonで
{ "src": "/android-chrome-144x144.png", "sizes": "144x144", "type": "image/png" },
としていました
とりあえず解決
とりあえず、エラーが出ていたandroid-chrome-144x144.pngだけ、/を削除してみました
残りのサイズの部分はいじってないです
{ "src": "android-chrome-144x144.png", "sizes": "144x144", "type": "image/png" },
すると…
警告が消えた…
コンソールのエラーも消えました
その他のサイズは読み込まれていないから、エラーが出ていないだけ???
だから、対応しなくても何も変化なし???
色々調べたり、試したりしてみたのですが、良く分からなかったので、
とりあえず全部、/を外して解決ということにしておきます
詳細わかる方いらっしゃれば、ご教授ください
