AngularFire2:您正在使用firebase SDK的开发版本

时间:2018-11-01 09:19:05

标签: google-cloud-firestore angular6 angularfire2 angularfire5

所以我正在使用官方文档来设置和安装angularfire2。 https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md

这工作正常,我的数据正在输入,但是在进行生产生产时出现此错误:

  

您似乎正在使用Firebase JS的开发版本   SDK。将Firebase应用程序部署到生产环境时,建议执行以下操作:   仅导入要使用的单个SDK组件。

     

对于CDN构建,可以按以下方式使用   (替换为组件的名称-即auth,数据库,   等等):

我尝试了所有建议,但无济于事。

有什么想法吗? thx,

根模块

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';

import { RootComponent } from './rootComponent.component';
import { ROOT_ROUTES } from './root.routes';
import { BrowserModule, Title } from '@angular/platform-browser';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [RootComponent],
  imports: [
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule,
    NoopAnimationsModule,
    BrowserModule,
    RouterModule.forRoot(ROOT_ROUTES)
  ],
  providers: [Title],
  bootstrap: [RootComponent]
})
export class RootModule {}

组件

import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material';
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { ActivatedRoute } from '@angular/router';
import { Seal } from '../seals.types';
import { StudioService } from '../../../service/studio.service';

@Component({
    selector: 'seals-component',
    templateUrl: './seals.component.html'
})
export class SealsComponent implements OnInit {

    constructor(private db:AngularFirestore, private studioService: StudioService) {
        this.getData();
    }

    items: Observable<any[]>;
    dataSource = new MatTableDataSource<Seal[]>();;
    displayedColumns: string[] = ['description', 'language', 'seal', 'type'];
    pID:string = 'flsjezlijlsfj';

    ngOnInit() {}

    getData() {
        this.items = this.db.collection(`sealsDB/TNDorQMQOzoqY6P6Ej0i/seal/${this.pID}/seal/`).valueChanges();
        this.items.subscribe(seals => {
            this.dataSource.data = seals
        })
    }
}

1 个答案:

答案 0 :(得分:0)

我也有同样的警告,花了我一段时间才弄清楚我正在使用User中的firebase/auth界面以及其他文件中的Timestamp.fromDate()

所以我添加了:

import * as firebase from 'firebase/app';
import { User } from 'firebase/auth';

还有

import * as firebase from 'firebase/app';

我使用的地方

firebase.firestore.Timestamp.fromDate()

这摆脱了警告。