FirebaseError：firebase.initializeApp 中未提供“projectId”

Posted

技术标签:

【中文标题】FirebaseError：firebase.initializeApp 中未提供“projectId”【英文标题】：FirebaseError: "projectId" not provided in firebase.initializeApp 【发布时间】：2018-09-27 10:28:56 【问题描述】：

我正在尝试运行我的第一个 reactjs 模板，但出现此错误：

。

我不知道它会如何使用 firebase 或不使用它

【问题讨论】：

你的第一个 reactjs 模板是什么意思？如果您是第一次尝试 reactjs，我会说使用文档和指南 how to start，但如果您想创建一个基本的 reactjs 应用程序，您可以使用 create-react-app 【参考方案1】：

我解决了，用这个：

<script src="https://www.gstatic.com/firebasejs/5.0.4/firebase.js"></script>
<script>
  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = 
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    projectId: "<PROJECT_ID>",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  ;
  firebase.initializeApp(config);
</script>

Link help

【讨论】：

看起来这种方法会暴露敏感数据。【参考方案2】：

将自动初始化脚本添加到 index.html。适用于使用 npm start 运行应用程序的本地开发人员。部署到 firebase 时也应该可以工作。

<body>
 <div id="root"></div>
 <script src="/__/firebase/7.19.1/firebase-app.js"></script>
 <script src="/__/firebase/init.js"></script>
</body>

在源代码中，我初始化了仅传递 projectId 的 firebase。

const firebaseApp = firebase.initializeApp(
  projectId: '<PROJECT_ID>'
);

【讨论】：

以上是关于FirebaseError：firebase.initializeApp 中未提供“projectId”的主要内容，如果未能解决你的问题，请参考以下文章

FirebaseError：无法获取文档，因为客户端处于脱机状态

FirebaseError：firebase.initializeApp 中未提供“projectId”

请求过多 FirebaseError

FirebaseError：[code=permission-denied]：权限缺失或不足

FirebaseError：预期类型“Hc”，但它是：自定义 Yc 对象]

[FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).]