Socket.io-client: 라이브러리 socket.io-client는 최신 Angular 6과 호환되지 않습니다.

실제로 프로젝트 및 해당 종속성에 많은 global 참조가 있습니다. https://github.com/search?utf8=%E2%9C%93&q=global+repo%3Asocketio%2Fengine.io-client + repo % 3Asocketio % 2Fengine.io-parser + repo % 3Asocketio % 2Fsocket.io-client + repo % 3Asocketio % 2Fsocket.io-parser + extension % 3A.js & type = Code & ref = advsearch & l = & l =

그래도 이러한 참조를 제거하면 부작용에 대해 잘 모르겠습니다.

@darrachequesne 적절하게 해결 될 때까지 이러한 변경 사항을 프로젝트 포크에 추가 할 수 있습니까?

@jessycormier "프로젝트의 포크"

첫 번째 부작용은 https://github.com/darrachequesne/has-binary/pull/4 에서 전역을 제거하면 일부 Electron 앱이 중단되는 것 같습니다 : https://github.com/darrachequesne/has-binary/issues/ 5 ...

안녕하세요. 여기에 진전이 있습니까? 어떤 해결책이 있습니까? 권장되는 해결 방법이 있습니까?

@realshaft- 위의 해결 방법은 Ionic 4 / Angular 6 웹 앱에서 저에게

좋아, Angular 6에는 socket.io-client와 함께 작동하는 해결 방법이 있습니다.
(window as any).global = window; 을 polyfills.ts ( src 폴더에 있음)

@realshaft 감사합니다, angular6에서 작동합니다;)

안녕하세요 @Everyone ,
제발 도와주세요.
그래서 웹 소켓 연결을 처리하는 서비스를 만들고 구성 요소를 주입했습니다.
소켓에 대한 연결은 서버 콘솔에서 a user connected 를 가져 오므로 괜찮습니다.
하지만 구성 요소에서 메시지를 보내려고 할 때 아무것도 전송되지 않습니다.
내 파일은 다음과 같습니다.
socketService.ts

 import {Injectable} from '@ angular / core';
 import {Observable} from 'rxjs / Observable';
 'rxjs / Subject'에서 {Subject} 가져 오기;
 import * as io from 'socket.io-client';

 @ 주사 가능 ({
 providedIn : '루트'
 })
 export class SocketService {

 개인 URL = 'http : // localhost : 3000';
 개인 소켓 = io (this.url);

 // 소켓에 메시지 보내기
 메시지 (메시지) {
 // 메시지 보내기
 this.socket.emit ( 'chat', msg);
 }

 chat (msg) {
 this.socket $ .emit ( '채팅', msg);

 // 관찰 가능하게 함
 }
 }

및 구성 요소 파일

 '@ angular / core'에서 {Component, OnInit} 가져 오기;
 import {SocketService} from '../../socket.service';

 @구성 요소({
 선택기 : 'app-socket',
 templateUrl : './socket.component.html',
 styleUrls : [ './socket.component.scss']
 })
 내보내기 클래스 SocketComponent는 OnInit {를 구현합니다.

 건설자(
 개인 소켓 : SocketService
 ) {}

 ngOnInit () {
 }

 send () {
 const msg = '안녕하세요';
 this.socket.message (msg);
 }

 }

여기 내 소켓 서버 연결입니다. 나는 MVC를 사용했다

 const gameModel = require ( '../ models / game')
 const userModel = require ( '../ models / users')
 const wsModel = require ( '../ models / socket')
 const 소켓 = require ( 'socket.io')

 module.exports = (서버) => {

 const io = 소켓 (서버);

 // WebSocket 핸들러
 io.on ( 'connection', (소켓) => {
 console.log ( '연결된 사용자')
 })

 // 채팅 메시지 받기
 io.on ( '채팅', (msg) => {
 // io.emit ( 'res', json.stringify (msg))
 console.log (msg);
 })

 }

미리 감사드립니다

여기에 약간의 해키 방법이 있습니다.
cdn에서 socket.io-client를 다운로드하고 src 폴더에 socket.io-client.js 라는 이름으로 저장합니다.

main.ts 다음 줄을 추가합니다.

import * as io_ from './socket.io-client.js';
window['io'] = io_;

polyfills.ts 내부 추가 :

(window as any).global = window;

이제 다음을 사용하여 socket.io-client 전화를 사용할 수 있습니다.

window['io']('localhost')

내 것은 단순히 다음을 추가하여 작업을 시작했습니다.

polyfills.ts 내부 추가 :

(window as any).global = window;

각도 6.1.0
socket.io-client 2.1.1

이것은 angular 7.1.x로 업그레이드 한 후에도 계속 작동합니다.

도움이되는데 왜?

@realshaft 감사합니다, angular6에서 작동합니다;)

Angular 7.x에서도 작동했습니다.

(window as any).global = window;
이것은 Angular 7에서도 저에게 효과적이었습니다.

동일한 솔루션이 각도 8에서 작동합니다.

하나님 내가 이것을 말하는 것을 믿을 수 없습니다. @mjarkk가 제공 한 동일한 솔루션입니다. angular10에서 작동합니다! -저에게 이유는 2.x 서버가 3.x 클라이언트에서 작동하지 않기 때문입니다!

3 버전 이후에이 해킹 stil은 lmao로 작동합니다. angular 11에서도 동일하게 작동합니다.
그러나이 문제가 다시 팝업되면 모든 주요 브라우저에서 지원되는 네이티브 자바 스크립트 WebSockets 를 사용하는 것이 좋습니다. 튜토리얼을 시작 하려면 https://javascript.info/websocket을 사용하십시오.

향후 독자를 위해 :이 문제는 [email protected] 에서 수정되었으며 더 이상 global 개체에 대한 참조가 없습니다.

관련 커밋 :

• https://github.com/socketio/socket.io-client/commit/eeafa44
• https://github.com/socketio/socket.io-parser/commit/b47efb270d959e7456d8d44b4f3c386a884542b8 ( [email protected] 포함됨)
• https://github.com/socketio/engine.io-client/commit/99bcc622cb2cda123a2653c7d031e232ee6789e9 ( [email protected] 포함됨)

게다가 : Angular 11의 예제가 여기에 추가되었습니다 : https://github.com/socketio/socket.io/tree/master/examples/angular-todomvc

감사!