CODEWITHSUNDEEP
javascriptangularfirebasegoogle-cloud-functionsangularfire2
Ibrahim Ali
Ibrahim Ali

Reputation: 2503

Unknown Syntax Error when implementing Cloud Functions in the new AngularFire 7 (Firebase 9)

In app.module.ts

import { provideFunctions, getFunctions } from '@angular/fire/functions';

@NgModule({
  imports: [
    ...
    provideFirebaseApp(() => initializeApp(environment.firebase)),
    provideFunctions(() => getFunctions()),
  ],

In my app.component

export class AppComponent {
  constructor(private fns: Functions) {}

  hello() {
    httpsCallable(
      this.fns,
      'test'
    )('hello world').then(() => console.log('complete'));
  }
}

enter image description here

This code works perfectly fine but why do I get this syntax error

Upvotes: 1

Views: 354

Answers (1)

Ruslan Lekhman
Ruslan Lekhman

Reputation: 876

I'm not sure, but shouldn't it be

import { AngularFireFunctions as Functions } from '@angular/fire/compat/functions';

instead?

Based on functions docs.

So, it could be used as this.fns.httpsCallable('test').

Upvotes: 2

Related Questions