Глобальный не определен в файле.. /node_modules/socket.io-parser/is-buffer.js

заранее спасибо за то, что помогли мне. Я пытаюсь подключить сокет в одном из моих угловых компонентов, но в консоли браузера он выдает ошибку, говорящую, что global не определен в Object../node_modules/socket.io-parser/is-buffer.js

Это мой home.component.ts

import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
import * as io from 'socket.io-client';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}


var socket = io();

Если я вытащу socket.io-client и socket = io(); сайт хорош, но когда я включаю его, он падает.

Это мой файл package.json

  "dependencies": {
    "@angular/animations": "^6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/router": "^6.0.0",
    "@types/jquery": "^3.3.1",
    "@types/socket.io": "^1.4.33",
    "body-parser": "^1.18.3",
    "bootstrap": "^4.1.1",
    "core-js": "^2.5.4",
    "express": "^4.16.3",
    "jquery": "^3.3.1",
    "moment": "^2.22.1",
    "mongodb": "^3.1.0-beta4",
    "ng4-twitter-timeline": "^1.0.8",
    "popper.js": "^1.14.3",
    "rxjs": "^6.0.0",
    "socket.io": "^2.1.0",
    "socket.io-client": "^2.1.0",
    "zone.js": "^0.8.26"
  }

Сначала я попробовал только "socket.io", который не работал. Затем я начал исследовать аналогичную проблему. Я ничего не нашел.

Моя конечная цель - использовать сокет для приема данных из форм и сохранения в базе данных. Любая помощь приветствуется.

ОБНОВЛЕНИЕ (ВОЗМОЖНОЕ РЕШЕНИЕ): 05/17/2018 Вы должны использовать:

(window as any) = window

В polyfill.ts это решило проблему для меня.

ОБНОВЛЕНИЕ (ВОЗМОЖНОЕ РЕШЕНИЕ № 2): 05/29/2018

(window as any).global = window

Ответ 1

(window as any).global = window

Как уже упоминалось в комментарии, добавьте приведенный выше код в файл polyfills.ts.

Ответ 2

В src/index.html в голову добавьте

<script>
    var global = global || window;
</script>

Ответ 3

Чтобы решить эту проблему, вам нужно открыть файл your_angular_setup/src/polyfills.ts а затем добавить строку ниже в нижней части файла.

    (window as any).global = window

и вы увидите, что ваша проблема исправлена.