未捕获的类型错误：firebase.messaging 不是函数

Question

Here is my code:

    <script>

        // Your web app's Firebase configuration
        var firebaseConfig = {
            apiKey: "<from firebase>",
            authDomain: "<from firebase>",
            databaseURL: "<from firebase>",
            projectId: "<from firebase>",
            storageBucket: "",
            messagingSenderId: "<from firebase>",
            appId: "<from firebase>"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);


        // [START get_messaging_object]
        // Retrieve Firebase Messaging object.
        const messaging = firebase.messaging();

    </script>

This line firebase.messaging(); throws:

Uncaught TypeError: firebase.messaging is not a function at

Noted that the result of console.log(firebase) is:

Any idea what's the problem?

Answer 1

It looks like you didn't follow the basic integration steps from the documentation. There is an include for messaging:

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

Answer 2

You must included import '@firebase/messaging' for it to work. So it's supposed to look like this:

import * as firebase from 'firebase/app';
import '@firebase/messaging';

Original answerd: TypeError: firebase.messaging is not a function in node.js