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

Question

заранее спасибо за помощь. Я пытаюсь подключить сокет в одном из моих угловых компонентов, но в консоли браузера выдается сообщение о том, что глобальный объект не определен в 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

Answer 1

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

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

Answer 2

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

    (window as any).global = window

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

Answer 3

(window as any).global = window

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