Я создаю универсальное приложение Angular. Недавно я добавил преобразователь маршрута и начал наблюдать это странное поведение, когда я запускаю npm run dev:ssr
, страница не загружается, пока я дважды не нажму кнопку перезагрузки.
1-й: щелчок: браузер вращается и, похоже, не истекает время ожидания ...
2-й щелчок: страница загружается
Вот мой репозиторий github. Я подозреваю, что это как-то связано с моим преобразователем маршрутов, который просто извлекает данные из Firestore и помещает их в TransferState. Вот резольвер для удобства:
import { Inject, Injectable, PLATFORM_ID } from '@angular/core';
import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
import { Observable, of } from 'rxjs';
import { isPlatformServer } from '@angular/common';
import { makeStateKey, TransferState } from "@angular/platform-browser";
import { Restaurant } from '../restaurants/Interfaces.model';
import { AngularFirestore } from '@angular/fire/firestore';
import { first, tap } from 'rxjs/operators';
@Injectable()
export class RestaurantResolver implements Resolve<Restaurant> {
constructor(
public afs: AngularFirestore,
private transferState: TransferState,
@Inject(PLATFORM_ID) private platformId) {
}
async resolve(route: ActivatedRouteSnapshot,
state: RouterStateSnapshot): Promise<Restaurant> {
console.info('platformId', this.platformId)
const rId = route.url[1].path;
const restaurantId = makeStateKey<Restaurant>("restaurant-" + rId);
if (this.transferState.hasKey(restaurantId)) {
console.info('has key', restaurantId)
const restaurant = this.transferState.get(restaurantId, null);
this.transferState.remove(restaurantId);
return restaurant;
}
else {
let result: Restaurant = (await this.afs.doc('restaurants/' + rId).get().toPromise()).data() as Restaurant
if (isPlatformServer(this.platformId)) {
this.transferState.set(restaurantId, result);
}
return result;
}
}
}
Оказывается, в библиотеке AngularFire есть ошибка, из-за которой наблюдаемые объекты не завершаются, это данное поведение.
Не могли бы вы поделиться дополнительной информацией об ошибке? а можно ссылку на тему в гитхабе?
Как вы решили это?
Я столкнулся с той же проблемой... Какая версия вызывает у вас проблему? А вы нашли стабильную версию?