ReferenceError: XMLHttpRequest не определен при запуске моего универсального приложения angular 6

Question

Я сделал проект Angular 6 с зависимостью Angularfire2.Я использую Firestore и Firebase для хранения.Я преобразовал свое приложение в angular universal, и когда я запускаю server.js, он говорит прослушивание на localhost:4000, но как только я открываю браузер с localhost:4200, терминал показывает следующую ошибку:

ReferenceError: XMLHttpRequest is not defined

вот фрагмент ошибки

Answer 1

Если у кого-то возникнет такая же проблема, я должен был убедиться, что я не импортировал HttpClientModule в свои дочерние модули.Как только он был импортирован в основную AppModule, ошибка исчезла.

Вот ссылка, которая дала мне решение https://www.thecodecampus.de/blog/angular-universal-xmlhttprequest-not-defined-httpclient/

Answer 2

Установите эти зависимости:

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 3

Для дальнейшего использования xmlhttprequest не сработало, поэтому мне пришлось использовать xhr2 примерно так:

1. npm install ws xhr2 bufferutil utf-8-validate -D
2. И затем добавить оба ws и xhr2 до server.ts

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

Answer 4

Вы должны установить @angular/platform-server и импортировать ServerModule.Это обеспечивает серверные реализации DOM, XMLHttpRequest и других низкоуровневых функций, которые не зависят от браузера.

Для получения дополнительной информации см. универсальное руководство