0
0

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.jsで作ったSPAをFirebaseにデプロイしたら無限クルクルになった

Posted at

背景

Nuxt.jsでSPAを開発し、Firebase Hostingにデプロイするつもりだった。
いざデプロイしてワクワクしながらアクセスしてみると、下のスクショのように真っ白の画面にLoadingのクルクルが延々と回り続ける状態に。
yarn dev (npm run dev)で、ローカルでは問題なく動いていたのに。。

image.png

環境

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
0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?