Saya belajar Angular untuk mencari bantuan dalam memperbaiki kesalahan: Saya mengikuti tautan ini: https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md untuk membuat sudut kecil aplikasi dengan angular2 dan angularfirestore2
tetapi ketika saya menekan servis, saya mendapatkan kesalahan di bawah ini di konsol browser ..
StaticInjectorError[AngularFirestore]:
StaticInjectorError[AngularFirestore]:
NullInjectorError: No provider for AngularFirestore!
at _NullInjector.get (core.js:923)
at resolveToken (core.js:1211)
at tryResolveToken (core.js:1153)
at StaticInjector.get (core.js:1024)
at resolveToken (core.js:1211)
at tryResolveToken (core.js:1153)
at StaticInjector.get (core.js:1024)
at resolveNgModuleDep (core.js:10585)
at NgModuleRef_.get (core.js:11806)
at resolveDep (core.js:12302)
Saya mencoba googling tetapi tidak menemukan solusi yang tepat tidak ada yang berhasil untuk saya :(,
Inilah yang saya ikuti: 1) Instal Node Versi 8.9.1 2) npm install -g @ angular / cli -> Versi 1.5.2 3) ng baru 'nama-proyek' 4) npm install angularfire2 firebase --save
Berikut adalah file app.module.ts saya:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { environment } from '../environments/environment';
@NgModule({
imports: [
BrowserModule,
AngularFireModule.initializeApp(environment.firebase)
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule {}
app.component.ts:
import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
constructor(db: AngularFirestore) {}
}
environment.ts:
export const environment = {
production: false,
firebase: {
apiKey: 'xxxxx',
authDomain: 'aaaaaaa',
databaseURL: 'bbbbbbbbbbbbbbbbbb',
projectId: 'aaaaaaaaaaaaaa',
storageBucket: 'aaaaaaaaaaaa',
messagingSenderId: 'aaaaaaaaaaaaa'
}
};
lalu ng serve, dan saya mendapatkan error di atas ...
angular
firebase
google-cloud-firestore
angularfire2
Pengembang
sumber
sumber
Jawaban:
Anda harus menambahkan
providers: [AngularFirestore]
diapp.module.ts
.sumber
import
ingAngularFirestoreModule
, sebagai dokumentasi mengatakan, yang mungkin mengurus semuanya termasuk mendeklarasikanAngularFirestore
sebagai penyedia.CTRL+C
satuionic serve
dan peluncuran itu ... (sering terjadi karena beberapa alasan sejak Ionic 3 ..)Saya memiliki masalah yang sama dan di bawah ini teratasi.
Kode Layanan Lama:
Kode Layanan kerja yang diperbarui:
sumber
providedIn
Argumen baru hanya tersedia di Angular 6 dan lebih tinggi.Buka:
./src/app/app.module.ts
Dan impor Modul Firebase di bagian atas:
Dan SANGAT PENTING:
Ingatlah untuk memperbarui 'impor' di NgModule:
Cobalah, sekarang akan berhasil.
Untuk informasi lebih lanjut, ikuti dokumentasi angularfire2 :
https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md
Selamat mencoba!
sumber
Hal yang aneh bagi saya adalah saya memiliki penyedia: [], tetapi tag HTML yang menggunakan penyedia itulah yang menyebabkan kesalahan. Saya mengacu pada kotak merah di bawah ini:
Ternyata saya memiliki dua kelas dalam komponen yang berbeda dengan nama file "employee-list.component.ts" yang sama sehingga proyek dapat dikompilasi dengan baik, tetapi semua referensinya kacau.
sumber
Menambahkan
AngularFirestoreModule.enablePersistence()
di bagian impor menyelesaikan masalah saya:sumber
Saya memecahkan masalah ini dengan hanya menghapus firestore dari:
di file component.ts saya. sebagai hanya digunakan:
ini juga bisa menjadi masalahmu.
sumber
Untuk AngularFire2 versi terbaru
Instal AngularFire2
Kemudian perbarui file app.module.ts
Lihat tutorial pengoperasian CRUD FireStore di sini
sumber
Ubah Impor Anda Dari:
Untuk ini :
Ini memecahkan masalah saya.
sumber
Saya bawa itu ke app.module saya. Setelah impor itu harus berfungsi
Versi Saya:
sumber
di
app.module.ts
dan mengaturnya sebagai penyedia seperti layanansumber
Saya mengalami masalah yang sama saat menambahkan firebase ke Aplikasi Ionic saya . Untuk memperbaiki masalah, saya mengikuti langkah-langkah berikut:
Di app / app.module.ts saya :
Sebelumnya kami menggunakan FirestoreSettingsToken sebagai ganti SETTINGS. Tapi bug itu teratasi, sekarang kami menggunakan SETELAN. ( tautan )
Di app / services / myService.ts saya, saya mengimpor sebagai:
Untuk beberapa alasan vscode mengimpornya sebagai "@ angular / fire / firestore / firestore"; I Setelah mengubahnya menjadi "@ angular / fire / firestore"; masalah teratasi!
sumber