Firebase cloud functions direct app calling on client

Question

I am unable to access firebase functions directly on the client side following the steps. I have configured exactly the same in my React Client app

import * as firebase from "firebase"
import 'firebase/firestore'
import 'firebase-functions'

require('dotenv').config()


var config = {
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    storageBucket: process.env.REACT_APP_FIREBAES_STORAGE_BUCKET,
    databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID 
};

// Firebase is being initialized
let fb = firebase.initializeApp(config);
// Firestore is also working
let firestore = firebase.firestore()

// But when I tried to initiate functions it is failing
let functions = firebase.functions()

What is the error you are getting? Or is just nothing happening? — Chase DeAnda
– Chase DeAnda, Commented Mar 27, 2018 at 15:47
Are you on the very latest version of the Firebase SDK (4.12.0) -- this is a brand-new feature that was just released. — Michael Bleigh
– Michael Bleigh, Commented Mar 27, 2018 at 17:11
@ChaseDeAnda the error Uncaught TypeError: firebase.functions is not a function — kt14
– kt14, Commented Mar 27, 2018 at 17:32
@MichaelBleigh Yes, I am using (4.12.0) I have double checked it — kt14
– kt14, Commented Mar 27, 2018 at 17:33

Michael Bleigh · Accepted Answer · 2018-04-18 18:35:44Z

4

You are importing the firebase-functions Node.js library, not the callable functions part of the SDK. Your imports should look like:

import * as firebase from "firebase/app"
import 'firebase/firestore'
import 'firebase/functions'

edited Apr 18, 2018 at 18:35

answered Mar 27, 2018 at 17:39

Michael Bleigh

26.4k2 gold badges83 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jes Over a year ago

Has this changed? I'm doing exactly this today and it's giving me the same "firebase.functions is not a function"

Alisson Enz Over a year ago

You need to add an at before, like: import '@firebase/firestore'

Collectives™ on Stack Overflow

Firebase cloud functions direct app calling on client

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related