全局未在 ./node_modules/socket.io-parser/is-buffer.js 中定义



提前感谢您对我的帮助。我正在尝试在我的一个角度组件中连接套接字,但在浏览器的控制台中它抛出一个错误,指出全局未在 Object 中定义。/node_modules/socket.io-parser/is-buffer.js

这是我的家。

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 客户端和套接字= io();网站很好,但是当我包含它时,它会崩溃。

这是我的包.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
(window as any).global = window

如注释中所述,将上述代码添加到polyfills.ts文件中。

要解决此问题,您需要打开文件your_angular_setup/src/polyfills.ts,然后在文件底部添加下面的行。

(window as any).global = window

您将看到您的问题已解决。

In src/index.html 在头部添加

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

最新更新