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

这是我的密码：

    <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>

//您的web应用程序的Firebase配置
var firebaseConfig={
apiKey:“，
authDomain:“”，
数据库URL:“”，
投射：“，
storageBucket:“”，
messagingSenderId:“”，
appId:“
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；
//[开始获取\u消息\u对象]
//检索Firebase消息传递对象。
const messaging=firebase.messaging（）；

此行

firebase.messaging（）抛出：

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

注意，
console.log（firebase）
的结果是：


知道问题出在哪里吗？
看起来您没有遵循文档中的基本集成步骤。消息传递有一个包含：

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

必须包含导入“@firebase/messaging”，才能使其正常工作。所以应该是这样的：

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

原始答复：
您能否编辑您的问题以显示您是如何包含Firebase SDK的？@FrankvanPuffelen问题是，页面顶部缺少添加
。现在我面临一个新问题。。它是本地主机上的SSL证书。。我使用xampp，但在localhost firebase上显然不起作用（因为当我在服务器上上传代码时，它工作得很好）是的，这正是我所期望的，这就是为什么我要求查看包含内容的原因。：）很高兴听到你把它修好了。请随意选择自我回答，或作为临时问题/打字错误级别的问题关闭。@FrankvanPuffelen我肯定会添加自我回答。。既然你在谷歌工具（特别是firebase）上享有很高的声誉，你能看看吗？如果你有任何评论，请告诉我？我真的很坚持。OP直接将SDK包含在HTML中。没有使用NodeJs的方法。