开发者问题收集

Firebase:firebase.messaging() 不是一个函数

2017-09-05
32069

我正在尝试从 FCM 设置 NodeJS 客户端 Web 应用 。我已在服务器端设置了 firebase-admin 。在设置客户端以访问令牌时,我收到 TypeError:firebase.messaging 不是函数 错误。从其他解决方案来看,这似乎是不同 FCM 版本之间的兼容性错误,但仍然可以修复它。以下是我正在使用的 html 文件

<html>

<head>
    <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>


</head>

<body>

  <script>
    console.log(firebase);

    const messaging = firebase.messaging();
    messaging.onTokenRefresh(function () {
      messaging.getToken()
        .then(function (refreshedToken) {
          console.log('Token refreshed.');
          console.log(refreshedToken);
          // // Indicate that the new Instance ID token has not yet been sent to the
          // // app server.
          // setTokenSentToServer(false);
          // // Send Instance ID token to app server.
          // sendTokenToServer(refreshedToken);
          // // [START_EXCLUDE]
          // // Display new Instance ID token and clear UI of all previous messages.
          // resetUI();
          // // [END_EXCLUDE]
        })
        .catch(function (err) {
          console.log('Unable to retrieve refreshed token ', err);
          // showToken('Unable to retrieve refreshed token ', err);
        });
    });
  </script>
</body>

</html>

如何在客户端正确设置 firebase? 编辑: console.log(firebase) 给出:

SDK_VERSION: "3.1.0", initializeApp: ƒ, app: ƒ, Promise: ƒ, …}
INTERNAL:{registerService: ƒ, createFirebaseNamespace: ƒ, extendNamespace: ƒ, createSubscribe: ƒ, ErrorFactory: ƒ, …}
Promise:ƒ Promise()
SDK_VERSION : "3.1.0"
User:ƒ (a,b,c)
app:ƒ a(a)
apps:(...)
auth:ƒ (c)
database:ƒ (c)
initializeApp:ƒ (a,c)
storage:ƒ (c)
get apps:ƒ ()
__proto__
:
Object
3个回答

看来您没有遵循 文档 中的基本集成步骤。其中有一个用于消息传递的包含:

<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-messaging.js"></script>

另请注意,最新版本的 Web 客户端为 4.2.0。您使用的是旧版本。

Doug Stevenson
2017-09-06

您需要在 html 文件中包含 firebase-app.jsfirebase-messaging.js

  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-messaging.js"></script>
msoa
2020-09-15

尝试 将 import 'firebase/messaging'; 替换为 import 'firebase/compat/messaging';

对我来说有效

Sanket Patil
2021-12-31