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