Angular7+ 服务端渲染ssr 打包后，出现localStorage is not defined

Question

我将项目打包后，运行npm run serve:ssr，出现报错

ReferenceError: localStorage is not defined
```查询网上的相关资料后，发现是在服务端上并无浏览器的api，由于项目比较复杂，不能将相关代码写在生命周期ngAfterViewInit(): void，请问有什么办法解决？

Answer 1

在服务端渲染（SSR）中，代码是在服务器端执行的，而不是在浏览器中执行。因此，localStorage 对象在服务器端是不可用的，因为它是浏览器提供的 API。

解决这个问题的方法是在代码中检查 localStorage 是否可用。可以使用以下代码：

if (typeof localStorage !== 'undefined') {
  // 在这里使用 localStorage
}

这将检查 localStorage 是否已定义，如果未定义，则不会使用它。这可以确保你的代码在客户端和服务器端都能正常运行。