Ionic firestore Не удается найти модуль "@ angular / fire / firestore" - PullRequest
Новая
       15

Ionic firestore Не удается найти модуль "@ angular / fire / firestore"

0 голосов
/ 10 мая 2019

я импортирую Angularfirestore вот так 

import { AngularFirestore } from '@angular/fire/firestore';

ошибка отображения ошибки: не удается найти модуль "@ angular / fire / firestore". 

"firebase": "^4.13.1",
"angularfire2": "^5.0.0-rc.4",
"rxjs": "^6.0.0",
"rxjs-compat": "^6.1.0",

app.module.ts 

import { AngularFireModule } from 'angularfire2';
import { AngularFirestoreModule } from 'angularfire2/firestore';
import { firebaseConfig } from './credentials';

1 Ответ

2 голосов
/ 10 мая 2019

Вы установили с помощью команд 

npm install firebase angularfire2

Импорт для AngularFirestore равен 

import { AngularFirestore } from 'angularfire2/firestore';

ваш app.module должен иметь импорт, например: ~ 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AngularFireModule } from 'angularfire2';
import { AngularFirestoreModule } from 'angularfire2/firestore';
import { environment } from '../environments/environment';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule.enablePersistence()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

вы хотите внедрить AngularFirestore для инъекций в ваш компонент, используя следующие операции импорта : 

import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';

@Component({ ... })
export class AppComponent {
  constructor(private afs: AngularFirestore) {
    // ...
  }
}

Ваш enviornment.ts может иметь конфигурацию Firebase, как показано ниже: ~

В вашем случае это import { firebaseConfig } from './credentials';

export const environment = {
  production: false,
  firebase: {
    apiKey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
    authDomain: 'your-project-id.firebaseapp.com',
    databaseURL: 'https://your-project-id.firebaseio.com',
    projectId: 'your-project-id',
    storageBucket: 'your-project-id.appspot.com',
    messagingSenderId: 'XXXXXXXXXXXX'
  }
};
...