背景
Nuxt.jsでSPAを開発し、Firebase Hostingにデプロイするつもりだった。
いざデプロイしてワクワクしながらアクセスしてみると、下のスクショのように真っ白の画面にLoadingのクルクルが延々と回り続ける状態に。
yarn dev
(npm run dev
)で、ローカルでは問題なく動いていたのに。。
環境
tool | version |
---|---|
node | v14.7.0 |
npm | 6.14.7 |
yarn | 1.22.4 |
nuxt | 2.14.1 |
対処
最新の依存パッケージをインストールし直すことで解決した。
nuxtのバージョンも2.14.3
まで上がったので、nuxt側に何らかのバグがあったのかもしれない。
# 既存の依存パッケージとビルド成果物を削除
rm -rf node_modules/ dist/
# yarnの場合
rm yarn.lock
yarn install
yarn generate
# npmの場合
rm package-lock.json
npm install
npm run generate
# Firebase Hostingへデプロイ
firebase deploy