Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular Error: NullInjectorError: No provider for AngularFireDatabase! Code core.js: 5967

07.01.2021 (👁2111)

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

 

core.js:5967 ERROR NullInjectorError: R3InjectorError(AppModule)[AngularFireDatabase -> AngularFireDatabase -> AngularFireDatabase]:

  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

  ],