firebase.analytics is not a function

user_13622937 0
Viewed 8385

I am trying to add analytics to an already existing web app. I initialize Firebase Analytics as described here.

const firebase = require('firebase');
firebase.initializeApp(config);
firebase.analytics();

I get this error TypeError: firebase.analytics is not a function

What could the problem be?

firebase firebase-analytics reactjs node.js javascript
7 Answers

You have to import 'firebase/analytics' for side effects:

const firebase = require('firebase/app')
require('firebase/analytics')

firebase.initializeApp(config);
firebase.analytics();

That worked for me

user_13392310

First, make sure you initialize firebase instance correctly, it won't work if you run it in server-side, then official providers a method to check whether your environment supports analytics or not, call firebase.analytics.isSupported(), this is a promise, so the correct way to use it is

var firebaseConfig... // your config

var firebase.initializeApp(firebaseConfig);

firebase.analytics.isSupported().then((isSupported) => {
    if (isSupported) {
      analytics = firebase.analytics();
    }
})
user_73524340

In my case, this worked. I'm using firebase version ^8.1.2

import firebase from 'firebase/app';
import 'firebase/analytics';
import 'firebase/auth';

...

// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
user_70043880

You may check and initialize Firebase Analytics v9+ like this. You may also upgrade your old versions to newer SDK.

import { initializeApp } from "firebase/app";
import { getAnalytics, logEvent, isSupported } from "firebase/analytics";

// Find this config on your firebase project overview
const firebaseConfig = { ... } // your config

// Initialize Firebase
let app = null;
let analytics = null;

isSupported().then((result) => {
    if (result) {
        app = initializeApp(firebaseConfig);
        analytics = getAnalytics(app);
    }
})

// simple event
logEvent(analytics, 'your_event_name');

// firebase defined events like page_view etc.
logEvent(analytics, 'page_view', `your_event_parameter`)

Note: I got an error on Docker build, that's why I call the logEvent like this:

isSupported().then((result) => {
  if (result) {
    logEvent(analytics, title);
  }
})
user_21250100
user_31898930

Try to firebase.analytics.Analytics;

const firebase = require('firebase/app')
require('firebase/analytics')
    
firebase.initializeApp(config);
firebase.analytics.Analytics;
user_28135630 

import firebase from '@react-native-firebase/app'

firebase.analytics()

firebase.analytics() is updated to analytics() if you're using react native you have to import analytics

use

import analytics from '@react-native-firebase/analytics'

analytics()

instead importing from firebase

you need to run npm install or yarn add @react-native-firebase/analytics'

and make sure you run cd ios && pod install

user_76777720
Related