Next.jsとfirebase deployのエラーメモ

書き殴り。

基本はここ参考

Next.jsをFirebase Hostingで使う

zenn.dev

参考ページの修正点

誤：ここで確認したIDをfirebase.jsonに記述します。

正：これは、.firebaserc

ここに、IDを記載する。

エラーが出た。

npm run serveしたら、以下のエラーが出た。

Your requested "node" version "14" doesn't match your global version "18"

これは、

1. npm -v とかで、自分の環境のnpmのバージョンを確認

2. firebase.jsonの "runtime": "nodejs14"の部分を確認。

バージョンが違ったら、jsonを書き換える。

例えば、自分の環境のバージョンが

$ node -v
v16.10.0

とかだったら、"runtime": "nodejs16"に書き換えてあげる。

エラー２、port

hosting: Port 5000 is not open on localhost, could not start Hosting Emulator.

port確認。

$ lsof -i :5000

で、なんか出てきたら、5000番は使われている。

だから、以下追記。

適当な数字。今回は5002

firebase.json
"emulators": {
    "hosting": {
        "port": 5002
    },
}

参考

[firebase] emulators:startでportエラーが出る - Qiita

firebase emulators:startを打った時に出たエラーエラー内容⚠ hosting: Port 5000 is not open on localhost, could not …

qiita.com

動きを確認できたら

$ npm run deploy

最初、

Error: Cannot deploy function with runtime nodejs18

のエラーが出たから、16に変えたらできた。