node.js - Angular Universal - 服务器和客户端中的不同 URL 类

Question

我有一个 Angular Universal 应用程序，我想在服务器和客户端中重用代码。问题是我似乎无法使用URL该类在两种环境中正常工作。

在我的代码中，我有如下一行 -

return new URL(this._productUrl);

当我以这种方式使用它时，我会在我的 Express 服务器控制台中打印出 Exception -

ERROR { ReferenceError: URL 未定义

为了解决这个问题，我添加了节点 URL 导入，例如 -

import { URL } from "url";

但是，如果我这样做，我会在客户端的 JS 控制台中收到错误 -

TypeError: url__WEBPACK_IMPORTED_MODULE_2__.URL 不是构造函数

不确定如何在客户端和服务器环境中使用 WHATWG URL。任何帮助/指针表示赞赏。

标签： node.jsangularwebpackangular-universal