Firebase-js-sdk: firebase.messaging is not function()

Created on 25 Oct 2017  路  1Comment  路  Source: firebase/firebase-js-sdk


[REQUIRED] Describe your environment

  • Operating System version: react-native@'0.46.4'
  • Firebase SDK version: firebase@'^4.1.3'
  • Firebase Product: messaging

[REQUIRED] Describe the problem

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
screen shot 2017-10-25 at 2 20 45 pm

messaging

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;

>All comments

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;

Was this page helpful?
0 / 5 - 0 ratings