4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

nuxt/pwaのiconが変わらない!

Last updated at Posted at 2020-10-31

nuxt/pwaを使用する場合の注意点

あるプロジェクトでnxut/pwaを使うことがあり、ハマったとろこがあったので書かせてもらいます。

nxut/pwaでiconを設定したい場合は、staticディレクトリに、icon.pngというファイル名で保存しないといけません。

スクリーンショット 2020-10-31 14.31.45.png

別の画像にしたいと思い、新しい画像に変更しても前に設定されたiconが表示されました。

解決方法

nuxt/pwaのIconは、{rootDir}/node_modules/.cache/pwa/icon にキャッシュされるという特徴で、新しく画像を置き換えても、前回のキャッシュが残っており画像が反映されていなかったのです。

$ rm -rf node_modules

$ yarn or npm install

を実行してキャッシュをクリアして依存関係を再構築しましょう。

そしたら、新しいiconになってるはずです!

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?