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:

enter image description here

These are my imports:

enter image description here

I am using firebase like this in services:

enter image description here

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

It would be great if you put the next time code in snippets, not just screenshots. — Maciej Wojcik
– Maciej Wojcik, Commented Mar 10, 2020 at 8:33

Peter Haddad · Accepted Answer · 2020-03-10 08:31:00Z

3

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

answered Mar 10, 2020 at 8:31

Peter Haddad

81.2k26 gold badges148 silver badges149 bronze badges

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

1 Comment

Sarmad Zaki Over a year ago

Thanks, @peter-haddad it works. just imported firebase/database.

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related