使用 firebase 创建 NextJS 应用程序 - firebase 在本地工作，但在 vercel 生产中失败答案

【问题标题】：Creating a NextJS app using firebase - firebase works on local but fails on vercel production使用 firebase 创建 NextJS 应用程序 - firebase 在本地工作，但在 vercel 生产中失败
【发布时间】：2020-12-30 20:16:47
【问题描述】：

我在 NextJs 本地使用 firebase，一切正常

.env.local

NEXT_PUBLIC_FIREBASE_API_KEY="xxxxxxx"
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="yyyyyyy"
NEXT_PUBLIC_FIREBASE_DATABASE_URL="zzzzzzzz"
NEXT_PUBLIC_FIREBASE_PROJECT_ID="xxxxxxx"
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="yyyyyyyy"
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="zzzzzzzz"
NEXT_PUBLIC_FIREBASE_APP_ID="xxxxxxxx"

clientApp.js

import firebase from "firebase/app";
import "firebase/database";

const clientCredentials = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASE_URL,
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
};

if (!firebase.apps.length) {
  firebase.initializeApp(clientCredentials);
}

export default firebase;

但是，当我通过 Vercel 进行部署时，出现以下控制台错误：

@firebase/database: FIREBASE FATAL ERROR: Can't determine Firebase Database URL. Be sure to include  a Project ID when calling firebase.initializeApp(). 

Error: FIREBASE FATAL ERROR: Can't determine Firebase Database URL. Be sure to include  a Project ID when calling firebase.initializeApp().

以前有没有人遇到过类似的错误？

【问题讨论】：

标签： reactjs firebase firebase-realtime-database next.js

【解决方案1】：

你需要把环境变量放在verce面板https://vercel.com/USER-NAME/PROJECT-ID/settings/environment-variables

【讨论】：

【解决方案2】：

为避免所有麻烦，只需在项目目录中创建一个.env 文件并添加所有凭据。同样在文件.firebaserc文件中检查内容是否是这样的，

{
  "projects": {
    "default": "your firebase project ID",
    "webapp": "your firebase project ID"
  }
}

如果您还有问题，请查看https://github.com/vercel/next.js/discussions/14420#discussioncomment-29816

【讨论】：