Angular 10：Firestore (7.19.1)：无法访问 Cloud Firestore 后端。后端在 10 秒内未响应

Question

我正试图为我的AngularApp(Angular 10(连接到Firestore，但它没有连接它在控制台中记录以下错误，当我订阅Firestore集合的快照时，没有显示任何数据。

控制台日志：

index.esm.js:106[2020-09-05T09:53:01.695Z]@firebase/firestore:firestore(7.19.1(：无法访问Cloud firestore后端。后端在10秒内没有响应。这通常表示您的设备目前没有正常的互联网连接。客户端将以脱机模式运行，直到能够成功连接到后端。

未能加载资源：net:：ERR_CONNECTION_TIMED_OUT

我的服务

import { Injectable } from '@angular/core';
import {EdcellEvent} from 'src/app/models/edcell_event/edcell-event.model';
import { AngularFirestore } from '@angular/fire/firestore';
@Injectable({
providedIn: 'root'
})
export class FirestoreEdcellEventsService {
constructor(private firestore: AngularFirestore) { }

getEvents() {
console.log(this.firestore.collection('events'));
return this.firestore.collection('events').snapshotChanges();
}
createEvent(edcell_event:EdcellEvent){
return this.firestore.collection('events').add(edcell_event);
}
}

我的组件

import { Component, OnInit, NgZone } from '@angular/core';
import { FirestoreEdcellEventsService } from 'src/app/services/firestore-edcell-events.service';
import { EdcellEvent } from 'src/app/models/edcell_event/edcell-event.model';
import { from } from 'rxjs';
@Component({
selector: 'app-home-page',
templateUrl: './home-page.component.html',
styleUrls: ['./home-page.component.css']
})
export class HomePageComponent implements OnInit {
edcell_events: EdcellEvent[];
constructor(private ngZone: NgZone, private edcell_event_sevice: FirestoreEdcellEventsService) { }

myevent: EdcellEvent = {
id: "",
title: "Title",
descrition: "Des",
link: "htttppp",
img: "htpsjpg",
};
submit() {
this.edcell_event_sevice.createEvent(this.myevent);
console.log('clicked submit');
}
ngOnInit(): void {
console.log(this.edcell_event_sevice.getEvents());
this.edcell_event_sevice.getEvents().subscribe(data => {
this.edcell_events = data.map(e => {
console.log("Data >>", e);
return {
id: e.payload.doc.id,
...e.payload.doc.data() as {},
} as EdcellEvent;
})
});
}
}

Answer 1

此问题既可能是客户端问题，也可能是服务器端问题。首先隔离您的连接很重要。然而，以前也出现过类似这样的错误。

如果在对本地连接进行故障排除后问题仍然存在，请在此处或Github repo上提交请求。如果其他人有同样的问题，将您的请求/解决方案链接为此页面上的评论也会有所帮助。