"ERROR TypeError: Object(...) is not a function" using AngularFirestore and firebase

Solution 1:

AngularFire maintainer here, we've had a number of breaking changes as we march towards 5.0 GA. In order to support Angular 6, recent releases of AngularFire require rxjs 6. While yes downgrading or pinning to an old version would work for quick and dirty fix, I wouldn't suggest that as it will leave you out of improvements to the libraries in the future.

I'd recommend upgrading rxj6 to version 6 and including rxjs-compat if you have dependencies that haven't yet upgraded:

npm i rxjs@^6.0 rxjs-compat

Keep an eye on the angularfire changelog for important information on any breaking changes; once we hit GA we will abide by semver.

And for reference here's the RXJS 5 => 6 migration guide.

Solution 2:

I had same problem but i solved it. You can follow my work. This is a example for ionic.

Install rxjs

npm i rxjs@^6.0 rxjs-compat

import rxjs-compact to file

import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from 'rxjs-compat';
import { map } from 'rxjs-compat/operators';

https://stackoverflow.com/a/50447449/6567753

Solution 3:

npm install rxjs@6 rxjs-compat@6

This solved the issue

Solution 4:

I have the same error when installing "angularfire2": 5.0.0-rc.9.

The error is gone when I rollback to 5.0.0-rc.6.

npm install [email protected]
npm install [email protected]

Solution 5:

This was my solution:

npm uninstall angularfire2
npm install [email protected]
npm uninstall firebase
npm install [email protected]