0

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

这很好用,我的数据正在输入,但是在为生产构建时出现此错误:

看起来您正在使用 Firebase JS SDK 的开发版本。将 Firebase 应用部署到生产环境时,建议仅导入您打算使用的单个 SDK 组件。

对于 CDN 构建,这些可通过以下方式获得(替换为组件的名称 - 即身份验证、数据库等):

我尝试了所有建议,但没有任何效果。

有任何想法吗?谢谢,

根模块

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
        })
    }
}
4

1 回答 1

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()

这摆脱了警告。

于 2019-01-27T16:50:53.533 回答