i use code:
import * as firebase from 'firebase';
var config = {
apiKey: "xxxxxxxxxxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxx.firebaseio.com",
projectId: "xxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxxxxxxxxxxxx"
};
firebase.initializeApp(config);
export const firebaseRef = firebase.database().ref();
export default firebase;
firebase.messaging().requestPermission() eror firebase.messaging is not a function

You must also import '@firebase/messaging' for it to work.
Like this:
import * as firebase from 'firebase';
import '@firebase/messaging';
var config = {
apiKey: "xxxxxxxxxxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxx.firebaseio.com",
projectId: "xxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxxxxxxxxxxxx"
};
firebase.initializeApp(config);
export const firebaseRef = firebase.database().ref();
export default firebase;
Most helpful comment
You must also import '@firebase/messaging' for it to work.
Like this:
import * as firebase from 'firebase';
import '@firebase/messaging';
var config = {
apiKey: "xxxxxxxxxxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxx.firebaseio.com",
projectId: "xxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxxxxxxxxxxxx"
};
firebase.initializeApp(config);
export const firebaseRef = firebase.database().ref();
export default firebase;