使用 Firebase 托管的 Firebase 消息未正确初始化 [重复]

Question

我正在使用 Firebase 托管来提供 Web 应用程序。 Firebase 通常在使用自动初始化时会正确初始化。

<!DOCTYPE html>
<html>
  <head>
    <!-- Some stuff -->
  </head>
  <body>
    <!-- Some stuff -->
  </body>
  <script src="/__/firebase/7.13.2/firebase-app.js"></script>

  <script src="/__/firebase/7.13.2/firebase-auth.js"></script>
  <script src="/__/firebase/7.13.2/firebase-messaging.js"></script>
  <script src="/__/firebase/7.13.2/firebase-storage.js"></script>

  <script src="/__/firebase/init.js"></script>
  <script>
    firebase.auth().signInAnonymously().catch(function(error) {
      // Works fine
    });

    firebase.auth().onAuthStateChanged(function(user) {
      // Works fine
     });
</html>

所以在上面的最小示例中，我可以使用身份验证和存储，但添加对消息传递的调用失败。

const messaging = firebase.messaging();

相关的错误信息是：

Uncaught FirebaseError: Messaging: Missing App configuration value: "appId" (messaging/missing-app-config-values)。

我理解错误消息，但对我来说奇怪的是，通常在使用 Firebase 托管并调用 <script src="/__/firebase/init.js"></script> 时，Firebase SDK 会正确初始化。 Firebase 消息传递 SDK 似乎并非如此。当我忽略此调用并使用 firebase.initializeApp(firebaseConfig); 自己初始化 Firebase 应用程序时，Firebase 消息传递 SDK 会正确初始化并且我可以使用它。

我想避免自己初始化 Firebase 应用程序，因为我认为 Firebase 托管应该处理它。我是否缺少任何特定于使用 Firebase 消息传递 SDK 的步骤？我找不到任何关注https://firebase.google.com/docs/cloud-messaging/js/client。

Answer 1

我发现/__/firebase/init.js 的内容并不包含所有消息传递信息，直到您真正完成了adding a web app to your project 的过程，尤其是第2 步。仅将代码部署到Firebase 托管是不够的。