Error: You must import 'firebase/database' before using AngularFireDatabase

Question

Hello I am using angular 8 with angular fire, I have imported AngularFireModule and AngularFireDatabaseModule as well but when compiling it's throwing an error says:

Error:

These are my imports:

I am using firebase like this in services:

Please let me know where am I doing wrong or is it a bug. Thanks

Answer 1

After installing the angularfire package:

ng add @angular/fire@next

To be able to use realtime database in your code, you should import firebase/database:

import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import 'firebase/database';

https://github.com/angular/angularfire/blob/master/docs/rtdb/lists.md