Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Global is not defined at ../node_modules/socket.io-parser/is-buffer.js

thanks in advance for helping me out. I'm trying to connect socket in one of my angular components, but in the console of the browser it throws an error saying that global is not defined at Object ../node_modules/socket.io-parser/is-buffer.js

This is my 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();

If I take out the socket.io-client and socket = io(); the website is fine but when I include it, it crashes.

This is my package.json file

  "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"
  }

I first tried with just 'socket.io' which didn't work. I then started researching for a similar problem. I found nothing.

My end goal is to use socket to take data from forms and store in a database. Any help would be much appreciated.

UPDATE (POSSIBLE SOLUTION): 05/17/2018 You have to use:

(window as any) = window 

in polyfill.ts, this resolved the problem for me.

UPDATE (POSSIBLE SOLUTION #2): 05/29/2018

(window as any).global = window
like image 560
Dre Jackson Avatar asked May 16 '18 14:05

Dre Jackson


2 Answers

(window as any).global = window

As already mentioned in comment, add the above code in the polyfills.ts file.

like image 149
Richang Sharma Avatar answered Nov 19 '22 17:11

Richang Sharma


To fix this issue you need to open the file your_angular_setup/src/polyfills.ts and then add the line below at the bottom of the file.

    (window as any).global = window

and you will see that your issue is fixed.

like image 3
Prashant Barve Avatar answered Nov 19 '22 17:11

Prashant Barve