angularfire2: The Cloud Firestore API is not enabled

Question

I'm currently learning to implement angularfire2 in my project. Unfortunately I'm currently stuck. I set up my Angular-Project like described here

https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md

I also set up a database in firebase with a the rule set

{
  "rules": {
    ".read": "true",
    ".write": "true"
  }
}

But when I try to run the application in my console in the browser gives me the following error

ERROR Error: The Cloud Firestore API is not enabled for the project

Now I found a way to enable the API here

https://console.cloud.google.com/apis/library/firestore.googleapis.com/?project=projectname

leaving me now with the error

ERROR Error: Missing or insufficient permissions

My problem now is I can set up API keys (but also also got a different API-key from my firebase console?) and OAuths, but I have no idea how to implement those is my code. Just simply generating an API key and using that one in the environment.firebase config didn't work. Would be great if someone knew anything. I'll keep on trying and let you know if I get it to work as well.

If you're using `AngularFireDatabase`, import `AngularFireDatabaseModule` from `angularfire2/database` in your `app.module.ts`. — Edric, Oct 08 '17 at 14:15

score 7 · Answer 1 · answered Nov 07 '17 at 11:36

7

To let others knows where it is in the firebase console:

Select your project then click on Database and change the dropdown from "Realtime Database" to "Cloud Firestore"

answered Nov 07 '17 at 11:36

Sajith Mantharath

2,297
2
17
19

score 2 · Answer 2 · edited Oct 11 '17 at 19:19

2

I have had the same problem, and I have fixed it with this:

Go to:

https://console.firebase.google.com/u/1/project/**ProjectID**/database/firestore/rules

and change the rules to:

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;
    }
  }
}

edited Oct 11 '17 at 19:19

LW001

2,452
6
27
36

answered Oct 11 '17 at 16:40

forozco

21
2

score 1 · Accepted Answer · answered Oct 08 '17 at 16:56

Thanks to Edric i was able to solve it. He was right. My error was, that I was trying to use AngularFirestore and not AngularFireDatabase and AngularFireDatabaseModule. After i imported theese too it worked.

If you're having the same difficulties as I had, basically your module needs to look like described here

No provider for AngularFireDatabase, AngularFireAuth

Only thing, that I had to change, is you don't add AngularFireDatabase and AngularFireDatabaseModule to imports, but to providers. So in the end your module will look like this

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule, AngularFireDatabase } from 'angularfire2/database';
import { environment } from '../environments/environment';
import { AppComponent } from './app.component';


    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        AngularFireModule.initializeApp(environment.firebase),

      ],
      providers: [AngularFireDatabase, AngularFireDatabaseModule ],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

Thanks again and I hope this will help others too, that struggle with setting up the FireDatabase

Can you give a little more info about the problem you're having? I'll look into it then. — relief.melone, Oct 18 '17 at 12:08

angularfire2: The Cloud Firestore API is not enabled

3 Answers3