带有 @ng-toolkit/universal 的 Angular Universal答案

【问题标题】：Angular Universal with @ng-toolkit/universal带有 @ng-toolkit/universal 的 Angular Universal
【发布时间】：2019-12-12 09:09:57
【问题描述】：

尝试使用 Angular Universal 为 Angular 6 应用程序实现服务器端渲染。尝试了我能找到的所有教程，但只能让 @ng-toolkit/universal 为应用程序提供服务。当我查看页面源时，它没有显示服务器端渲染的应用程序，它看起来就像普通的 Angular 应用程序。

我需要使用@ng-toolkit/universal 采取额外的步骤来实现具有角度通用的服务器端渲染吗？该应用程序也设置为 PWA。

更新：使用 ng-toolkit 的主要原因是 DOM Window 模拟类。这个应用程序使用了对 HammerJS 具有传递依赖的 MDBootstrap。尝试运行服务器端时，我收到 HammerJs 的“未定义窗口”错误。

【问题讨论】：

【解决方案1】：

在 ng-toolkit 更改在浏览器中可见之前，您必须为生产进行构建：

npm run build:server:prod

紧随其后

npm run server

*注意：“ng build --prod”当前在“npm run server”上抛出错误

【讨论】：

【解决方案2】：

我遇到了这个问题，我只是解决了它。你可以在这里找到我的答案：

【讨论】：