所以我正在使用官方文档来设置和安装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
})
}
}
答案 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()
这摆脱了警告。