Angular Error: NullInjectorError: No provider for AngularFireDatabase! Code core.js: 5967
Error Code core.js: 5967
Fehler beim Anbinden von Angular Module Firebase
Fehlermeldung
core.js:5967 ERROR NullInjectorError: R3InjectorError(AppModule)[AngularFireDatabase -> AngularFireDatabase -> AngularFireDatabase]: NullInjectorError: No provider for AngularFireDatabase!
|
In the Chrome browser in the Console
NullInjectorError: No provider for AngularFireDatabase! at NullInjector.get (http://localhost:4200/vendor.js:38773:27) at R3Injector.get (http://localhost:4200/vendor.js:38940:33) at R3Injector.get (http://localhost:4200/vendor.js:38940:33) at R3Injector.get (http://localhost:4200/vendor.js:38940:33) at NgModuleRef$1.get (http://localhost:4200/vendor.js:52996:33) at Object.get (http://localhost:4200/vendor.js:52710:35) at lookupTokenUsingModuleInjector (http://localhost:4200/vendor.js:31259:39) at getOrCreateInjectable (http://localhost:4200/vendor.js:31371:12) at Module.ɵɵdirectiveInject (http://localhost:4200/vendor.js:42378:12) at NodeInjectorFactory.AppComponent_Factory [as factory] (http://localhost:4200/main.js:88:150) |
Und zusätzlich wird in ng serve local Webserver angezeigt:
app.component.ts depends on 'angularfire2/database'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
|
Warning: D:\Programmierung\Angular\Kurs\dailycheck\src\app\app.component.ts depends on 'angularfire2/database'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: D:\Programmierung\Angular\Kurs\dailycheck\node_modules\@angular\fire\__ivy_ngcc__\es2015\firebase.app.module.js depends on 'firebase/app'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: D:\Programmierung\Angular\Kurs\dailycheck\node_modules\firebase\database\dist\index.esm.js depends on '@firebase/database'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies |
Lösung:
Man muss das Angular Modul in der Angular app.component.ts Datei eintragen an zwei Stellen
1: im Import oben im Header
import { AngularFireDatabaseModule } from '@angular/fire/database';
und
2: im @NgModule imports Bereich
imports: [
BrowserModule,
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule
],