Angular Universal sessionStorage 未定义

Question

我已将我的应用程序从 Angular 6 移动到 Angular Universal，并且在这样做之后，我在控制台中注意到了这个错误：

sessionStorage 未定义

它正在抱怨这项服务：

export class SessionService {
  constructor(
    private key: string
  ) { 
  }

  save(json: any) {
    sessionStorage.setItem(this.key, JSON.stringify(json));
  }

  get() {
    return JSON.parse(sessionStorage.getItem(this.key));
  }

  clear() {
    sessionStorage.clear();
  }
}

我看到你可以这样做：

 if (!isPlatformBrowser(this.platformId)) return;

但是这个服务实际上是这样扩展的：

import { Injectable } from '@angular/core';

import { SessionService } from './session.service';

@Injectable({
  providedIn: 'root'
})
export class QuestionSessionService extends SessionService {
  constructor() {
    super(
      'questions'
    );
  }
}

所以我不能将@Inject(PLATFORM_ID) private platformId: Object 添加到构造函数中。

有人可以帮我解决这个问题吗？

Answer 1

在你的 sessionService 中添加检查你是否在浏览器端

if (!isPlatformBrowser(this.platformId));

如果你在浏览器端做你现在正在做的事情。但如果您在 SR 端，请使用 memoryStorage 或任何其他不会导致此错误的不可操作的虚拟注册。

希望对你有帮助。