Firebase：firebase.messaging() 不是函数

Question

我正在尝试从FCM设置NodeJS Client Web App 。 我在服务器端设置了firebase-admin 。 在设置客户端以访问令牌时，我收到TypeError: firebase.messaging is not a function错误。 从其他解决方案来看，不同 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

Answer 1

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

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

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

Answer 2

您需要在html文件中包含firebase-app.js和firebase-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>

Answer 3

尝试替换import 'firebase/messaging'; 使用import 'firebase/compat/messaging';

它对我有用

Answer 4

我正在尝试从FCM设置NodeJS Client Web App 。 我在服务器端设置了firebase-admin 。 在设置客户端以访问令牌时，我收到TypeError: firebase.messaging is not a function error。 从其他解决方案来看，似乎是不同 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

Firebase：firebase.messaging() 不是函数

问题描述

3 个解决方案

解决方案1
11 2017-09-06 15:46:48

解决方案2
9 2020-09-15 10:05:57

解决方案3
0 2021-12-31 02:54:51

解决方案4
-1 2021-06-09 03:05:35

Firebase：firebase.messaging() 不是函数

问题描述

3 个解决方案

解决方案1 11 2017-09-06 15:46:48

解决方案2 9 2020-09-15 10:05:57

解决方案3 0 2021-12-31 02:54:51

解决方案4 -1 2021-06-09 03:05:35

解决方案1
11 2017-09-06 15:46:48

解决方案2
9 2020-09-15 10:05:57

解决方案3
0 2021-12-31 02:54:51

解决方案4
-1 2021-06-09 03:05:35