执行Angular Universal App时会出现错误

Question

我正在使用Angular 13应用程序，并试图整合通用。 我遵循官方文件 https://angular.io/guide/universal 进行集成。

当我在终端中击中“ NG运行前端：Serve-SSR”命令时， Angular版本

Angular CLI: 13.3.8
Node: 14.19.3
Package Manager: npm 6.14.17
OS: linux x64

Angular: 13.3.11
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, platform-server
... router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1303.8
@angular-devkit/build-angular   13.3.8
@angular-devkit/core            13.3.8
@angular-devkit/schematics      13.3.8
@angular/cdk                    13.3.9
@angular/cli                    13.3.8
@angular/material               13.3.9
@nguniversal/builders           13.1.1
@nguniversal/express-engine     13.1.1
@schematics/angular             13.3.8
rxjs                            7.4.0
typescript                      4.6.4

集成了所有内容后，我会收到以下错误。

错误

TypeError [ERR_INVALID_URL]: Invalid URL: null
at new NodeError (internal/errors.js:322:7)
at onParseError (internal/url.js:270:9)
at new URL (internal/url.js:346:5)
at new InitServ (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:51443:17)
at Object.InitServ_Factory [as factory] (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:52031:10)
at R3Injector.hydrate (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:241212:35)
at R3Injector.get (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:241031:33)
at injectInjectorOnly (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:234492:33)
at ɵɵinject (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:234496:61)
at injectArgs (/home/pc5/Documents/Restucture/frontend-universal/dist/Frontend/server/main.js:234576:23)

Answer 1

检查是否已将所有相对路径转换为绝对路径。

要使用Angular Universal并利用Prederning（例如Prederning）的实用程序，您需要遵循一组规则。 查看它！

因为服务器端没有某些对象定义如document，窗口，localstorage和...
当您的代码首先在服务器端渲染时，它将无法识别并导致错误。

我的个人建议如何使用if（typeof window！=='undefined'＆amp; amp; window.document）逻辑，因此您仅在客户端端使用文档对象。

我使用了多米诺骨牌，没有为我工作...