ReferenceError：运行我的angular 6通用应用程序时未定义XMLHttpRequest

Question

我已经创建了一个依赖Angularfire2的Angular 6项目。我正在使用Firestore和Firebase存储。我已经将我的应用程序转换为通用角度，当我运行server.js该应用程序时，它说正在监听，localhost:4000但是一旦我用localhost:4200终端打开浏览器，就会显示以下错误：

ReferenceError: XMLHttpRequest is not defined

这是错误的代码片段

Answer 1

安装以下依赖项：

npm install --save-dev ws xmlhttprequest

然后将此添加到您的server.ts文件

(global as any).WebSocket = require('ws');
(global as any).XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;

资料来源：

• https://angularfirebase.com/lessons/server-side-rendering-firebase-angular-universal/
• https://angularfirebase.com/snippets/angular-6-universal-simple-guide/

Answer 2

如果有人遇到同样的问题，我的解决方案是确保我没有HttpClientModule在我的子模块中导入。一旦它已经导入 main AppModule，错误就消失了。

这是一个给我解决方案的链接 https://www.thecodecampus.de/blog/angular-universal-xmlhttprequest-not-defined-httpclient/