how to solve Error: Cannot instantiate firebase-messaging.js - be sure to load firebase-app.js first. in react app

Question

我有这个配置，它工作得很好，但是当我添加 firebase-messaging 它抛出一个错误，必须首先加载 firebase-app.js

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
import "firebase/database";
import "firebase/storage";
import "firebase/functions";
import "firebase/firebase-messaging";  ---> adding this line brings the error
var config = {
  apiKey: "AIzaSyCrlr_yryEFERGXizzrjoPTB7biow",
  authDomain: "123.firebaseapp.com",
  databaseURL: "https://123.firebaseio.com",
  projectId: "123",
  storageBucket: "123.appspot.com",
  messagingSenderId: "5025880",
  appId: "1:30029661880:web:b5363d4ecddf3c32e4d64d",
  measurementId: "G-DUJNZERGRQ",
};
if (!firebase.apps.length) {
  firebase.initializeApp(config);
}
export default firebase;
export const auth = firebase.auth();
export const db = firebase.firestore();
export const database = firebase.database();
export const storage = firebase.storage();
export const functions=firebase.functions();
export const messaging = firebase.messaging();

之前其他一切都正常，auth，firestore，一切。我试过在顶部添加 import "firebase/firebase-app" 但这仍然不起作用。
我还将 firebase sdk 升级到最新的 7.15.4 以确保它不是以前的 sdk 错误。
我做错了什么

Answer 1

原来我导入了错误的脚本。不应该是import "firebase/firebase-messaging";

这是应该导入的 import "firebase/messaging";

how to solve Error: Cannot instantiate firebase-messaging.js - be sure to load firebase-app.js first. in react app

how to solve Error: Cannot instantiate firebase-messaging.js - be sure to load firebase-app.js first. in react app

firebase

reactjs

firebase-cloud-messaging