Nuxtでローカル実行後、ブラウザで確認するとうまく動作しなかった件

発生現象

いつものようにnpm run devを実行してブラウザ(Chrome)で確認しようとした際に、古い状態になったいた。

なので、devtoolを開き、キャッシュをクリアしてリロードを行なったが、読み込み中のまま反応がなかった。

別のブラウザ(FireFox)でも確認したところ問題なかったが、何度か確認していると同じ挙動になった

シークレットモードで確認したところ問題なく動作した。

また、現象が発生したさいコンソールには以下のようなエラーがあった

A bad HTTP response code (404) was received when fetching the script.

結果からいうとPWAでService Worker周りで問題が発生していたっぽい。

ブラウザのコンソールから以下を実行

navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister() } })

※FireFoxでは実行した際は挙動が変わらず、全ての履歴を削除して解決

根本解決にはなってないがいったんこちらで対応下、おそらくsw.jsがルートにない（正確にはあるが場所正しく読み込まれていない）のがが問題かもしれない。