Socket.io-client: [버그] 전역이 정의되지 않았습니다.

또한 현재 이 문제에 직면해 있습니다.

이제 https://github.com/angular/angular-cli/issues/8160 이 해결되었으므로 이 문제를 종료할 수 있습니까? 감사 해요!

angular/cli > 6에서 전역을 영구적으로 제거했기 때문에 그렇게 생각하지 않습니다.
다시 조사를 시작해 주시겠습니까? https://github.com/angular/angular-cli/issues/9827

브,
케빈

Angular CLI가 문제를 해결하거나 node 명령을 재정의할 수 있을 때까지 해결 방법은 tsconfig.app.json 의 경로 섹션에 socket.io-client 슬림 파일을 추가할 수 있습니다.

"paths": {
      ....
      "socket.io-client": ["../node_modules/socket.io-client/dist/socket.io.slim.js"]
}

현재 작동하더라도 https://github.com/angular/angular-cli/issues/9827#issuecomment -369578814 에 따르면 Angular@6 의 문제가 됩니다.

"[이것은] 일반적으로 전혀 작동하지 않아야 하는 브라우저 코드가 매우 특정한 도구로 빌드된 경우에만 작동하는 상황을 만듭니다. 이것은 좋은 상황이 아닙니다."

Angular 6 RC5에서 고장난 것을 확인했습니다. 아무도 해결 방법을 알고 있습니까?

@ngervasi 우리는 내가 여기에 언급한 것처럼 해냈습니다: https://github.com/socketio/socket.io-client/issues/1166#issuecomment -379225639

나는 시도했다:

{ "extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/app", "module": "es2015", "baseUrl": "", "types": [] }, "exclude": [ "test.ts", "**/*.spec.ts" ], "paths": { "socket.io-client": ["../node_modules/socket.io-client/dist/socket.io.slim.js"] } }

하지만 Angular 6RC5에서는 작동하지 않습니다. 여전히 오류가 발생합니다.

is-buffer.js:4 Uncaught ReferenceError: global is not defined at Object../node_modules/socket.io-client/node_modules/socket.io-parser/is-buffer.js (is-buffer.js:4) at __webpack_require__ (bootstrap:74) at Object../node_modules/socket.io-client/node_modules/socket.io-parser/binary.js (binary.js:8) at __webpack_require__ (bootstrap:74) at Object../node_modules/socket.io-client/node_modules/socket.io-parser/index.js (index.js:8) at __webpack_require__ (bootstrap:74) at Object../node_modules/socket.io-client/lib/index.js (index.js:7) at __webpack_require__ (bootstrap:74) at Object../src/app/_services/websocket.service.ts (log.service.ts:5) at __webpack_require__ (bootstrap:74)

https://github.com/angular/angular-cli/issues/8160#issuecomment -386153833에 따르면:

다음 polyfills.ts 을 추가하면 Angular@6 에서 작동합니다.

// Add global to window, assigning the value of window itself.
(window as any).global = window;

어떤 경우든 이 문제는 IMO로 해결되어서는 안 됩니다. socket.io-client는 global 에 대한 암시적 종속성을 제거하거나 폴리필이 필요하다는 문서를 작성해야 합니다. 각도 사용자)

(BTW 최신 [email protected] 의 출처는 어디입니까? 제가 도와드릴 수 있습니다.)

어느 것이 더 나은 수정입니까? https://github.com/socketio/socket.io-client/issues/1166#issuecomment -379225639(tsconfig의 경로에 추가) 또는 https://github.com/socketio/socket.io-client/issues/1166 #issuecomment -386195105(글로벌에 할당)?

두 옵션 모두 Angular CLI로 생성된 Angular v6 프로젝트에서 저에게 효과적이었습니다.

@amitport has-binary2 패키지의 소스는 다음과 같습니다. https://github.com/darrachequesne/has-binary

그것이 유일한 사건이 아닐지 걱정되지만.

@darrenmothersele 은 정확히 하나의 "더 나은"이 있다고 생각하지 않습니다. 'global'을 추가하면 다른 라이브러리에 부작용이 있을 수 있지만 'slim' 파일을 추가하면 번들 크기에 부정적인 영향을 미칠 수 있습니다(반드시 그렇지는 않음)

@darrachequesne 이 PR을 추가했습니다 https://github.com/darrachequesne/has-binary/pull/4 (시작입니다 :))

나는 두 가지 솔루션과 현재 Angular 6.0.0 프로젝트를 모두 시도했지만 아무 것도 작동하지 않습니다. tsconfig.app.json에 경로 항목을 추가하고 polyfills.ts에 항목을 추가했지만 여전히 크롬에서 동일한 오류가 발생합니다.

여기에서도 마찬가지로 tsconfig 솔루션은 ng cli 6에서 작동하지 않습니다.

// 창에 전역 값을 추가하여 창 자체의 값을 할당합니다.
(모든 창).global = 창;

나를 위해 일하고있다
감사 해요.

저에게도 효과가 있습니다! 감사 해요!

그것은 나를 위해 너무 작동합니다! 정말 감사합니다 ! :디

(window as any).global = window; 어디에 넣었습니까?
감사 해요.

안녕하세요,

바로 거기(사진에서).

2018-05-17 21:07 GMT+02:00 Alberto Basaglia [email protected] :

(창을 그대로) 어디에 두었습니까?.global = window; ?
감사 해요.

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/socketio/socket.io-client/issues/1166#issuecomment-389975067 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/APZTlGpMwMpnAscifHT2ZQrRUSJqLejCks5tzcp3gaJpZM4QD_kq
.

--

아르노 투시 바실리에프
Développeur 웹 전체 스택 chez Leaf 웹 사이트

사이트 웹 : www.leaf-website.esy.es http://www.leaf-website.esy.es
메일 : .tussy.
전화 : 07 77 83 29 44

어디에 두셨어요...

이것을 polyfills.ts 에 넣으십시오.

(window as any).global = window

라인 63과 70 사이

2018-05-31 18:31 GMT+02:00 Bibhas Bhattacharya [email protected] :

어디에 두셨어요...

이것을 polyfills.ts에 넣으십시오.

(모든 창).global = 창

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/socketio/socket.io-client/issues/1166#issuecomment-393592879 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/APZTlPci9GKE3R8lwc1g3qfqWODeXIPiks5t4Br1gaJpZM4QD_kq
.

--

아르노 투시 바실리에프
Développeur 웹 전체 스택 chez Leaf 웹 사이트

사이트 웹 : www.leaf-website.esy.es http://www.leaf-website.esy.es
메일 : .tussy.
전화 : 07 77 83 29 44

@amitport 제공한 해결 방법에 감사드립니다!! @AngularTeam , 어떻게 계속 모든 것을 깨뜨리는 겁니까 :/ 당신은 rxjs 팀에 사람들을 포함시키기까지 했고 갑자기 rxjs도 버전 변경으로 모든 것을 깨뜨렸습니다... 첫 번째 안정적인 릴리스 이후로 angular를 따라잡았고 당신의 능력에 놀랐습니다. 각 릴리스에서 모든 것을 깨는 능력.

@LucasFrecia Angular가 아닌 socket.io 문제입니다. Angular는 버전 6(주요 브레이킹 릴리스로 표시됨)에서 이를 숨기기 위해 중지하여 좋은 결과를 얻었습니다.

https://github.com/webmodules/blob(engine.io-parser 에서 사용)에 대해 2주 전에 https://github.com/webmodules/blob/pull/14 에 또 다른 pull 요청을 추가했습니다.

응답이 없습니다. 여기에서 병합할 수 있는 사람이 있습니까? @darrachequesne @rauchg @nkzawa?

(window as any).global = window 추가 나를 위해 일한 polyfills.ts

@amitport tks.
잘 작동합니다

polyfills.ts 파일에 (window as any).global = window를 넣습니다.
localhost에서 ReferenceError: global is not defined 를 제공하지 않지만 테스트 목적으로 http-server로 프로덕션 빌드를 실행하려고 하면 이 오류가 발생합니다.
왜 이런 일이 일어나는지에 대한 단서가 있습니까?
정말 급해요!

안녕하세요 @gupta82anish ,
(window as any).global = window; $ 파일에 pollyfills.ts 파일을 넣고 localhost(개발)에서 프로젝트를 실행하고 프로덕션용으로 빌드했는데 오류가 발생하지 않았습니다.
그것은 매력처럼 작동했습니다.

(window as any).global = window; in pollyfills.ts 해결 방법은 Angular Core 6.1.0에서 작동하는 것 같습니다. socket.io가 곧 업데이트되기를 바랍니다.

(모든 창).global = 창; pollyfills.ts에서도 저에게 효과적이었습니다!!

(window as any).global = window;
아주 깔끔한 솔루션입니다. 그러나 일을 하는 올바른 방법입니까?

@avinexus7 일을 하는 올바른 방법이 아닙니다. socket.io-client 의 미해결 문제에 대한 해결 방법입니다. 브라우저에 존재하지 않는 '글로벌' 개체의 사용입니다.

(AFAIK, 아무도 이 문제를 해결하기 위해 노력하지 않습니다. 무시됨: https://github.com/socketio/engine.io-parser/issues/99 및 https://github.com/webmodules/blob/pull 참조) /14)

@amitport NPM 지원팀에 연락하여 blob 패키지의 새 버전을 게시할 수 있는 권한을 부여해 주시겠습니까?

@darrachequesne - 완료, NPM에 요청을 제출했습니다.

(window as any).global = window
또는
(window as any) = window
polyfills.ts 파일에 위의 코드를 추가합니다.

angular/angular-cli#8160(주석) 에 따르면:

다음 polyfills.ts 을 추가하면 Angular@6 에서 작동합니다.

// Add global to window, assigning the value of window itself.
(window as any).global = window;

어떤 경우든 이 문제는 IMO로 해결되어서는 안 됩니다. socket.io-client는 global 에 대한 암시적 종속성을 제거하거나 폴리필이 필요하다는 문서를 작성해야 합니다. 각도 사용자)

(BTW 최신 [email protected] 의 출처는 어디입니까? 제가 도와드릴 수 있습니다.)

예, 이것은 저에게도 효과적이었습니다. 감사합니다.

어디에 두셨어요...

이것을 polyfills.ts 에 넣으십시오.

(window as any).global = window

@bibhas2 좋아요! 나를 위해 일했다

https://github.com/socketio/engine.io-parser/releases/tag/2.1.3 이 릴리스되어 수정될 수 있음(패키지 잠금 없이 socket.io-client를 다시 설치해야 할 수 있음)

작업하지 않음
├─ 엔진. [email protected]
└─ 소켓. [email protected]

@kartikupadhyay90 세부 정보를 추가할 수 있습니까?

내 ReactNative 앱에서 2.2.0 로 업그레이드한 후 내 socket.io 인스턴스가 서버에서 알림을 받지 못합니다. 2.1.1 로 다운그레이드해야 했습니다.

@alimek 귀하의 버그가 이 문제와 관련되어 있다고 확신하십니까? 자세한 내용을 추가하십시오. 그렇지 않으면 새 문제를 게시하십시오.

@amitport 그것이 이전 버전과 2.2.0 사이의 유일한 변경 사항이라면 그렇게 생각합니다.

@alimek rephase : 버그가 이 버그와 _동일한_ 경우 세부정보를 추가하세요. 그렇지 않으면 새 문제를 여십시오(회귀일 수 있음).

(BTW, 저는 이 라이브러리의 관리자가 아닙니다. 문제 처리가 일반적으로 어떻게 작동하는지에 대해 설명하는 것뿐입니다. 문제를 해결하려면 실행 가능한 세부 정보를 추가하고 적절하게 게시해야 합니다.)

내 상황에서는 2.2.0이 "engine.io-client": "~3.3.1"에 의존하는 것으로 보이며, 이는 "engine.io-parser": "~2.1.1"에 의존합니다. 그러나 내 시스템의 engine.io-parser는 여전히 '전역' 변수에 대한 참조를 포함하는 2.1.2인 것 같습니다. 이것은 2.1.3에서 수정 된 것 같지만 npm i는 2.1.2를 당기는 것 같습니다.

추측해야 한다면 2.1.3의 마지막 빌드가 실패했기 때문에 2.1.2로 되돌아간 것 같습니다.
https://travis-ci.org/socketio/engine.io-parser

그 외에, 나는 그것이 나를 위해 이전 버전을 계속 끌어 오는 이유를 알 수 없습니다.

Jest + React + Typescript와 동일한 문제가 있으며 (window as any).global = window 설정을 수정할 수 없습니다. polyfills.ts 파일에도 코드를 넣어 보았습니다.

setupFiles: [
    '<rootDir>/tst/polyfills.ts',
    '<rootDir>/tst/jest.setup.ts',
  ],

또한 Jest의 defineProperty 메소드를 사용하지만 여전히 운이 없습니다.

Object.defineProperty((window as any), 'global', {});

copyProps(window, global);

Jest를 위해 이 문제를 해결할 수 있는 사람이 있습니까? 아니면 이 작업을 수행할 수 있는 방법을 알고 있습니까? @amitport 어떤 생각이 있습니까?

감사 해요,

@eldem 및 기타. 이 스레드가 관련되지 않은 문제의 일반적인 혼합이 되었기 때문에 이 스레드를 닫습니다. global 및 socket.io-client와 관련된 문제를 보는 사람이 있으면 재생산 지침, 콘솔에 표시되는 오류, 사용된 버전 등에 대한 새 문제를 열어주세요.

Ionic4/Angular7 작업 - 2.1.1 설치 및 \srcpolyfills.ts 에 (window as any).global = window 추가 작업 - 감사합니다!

위의 내 질문에 대해: socket.io 파일을 변환하는 동안 Babel에서 오류가 발생했습니다. transformIgnore에 추가하면 저에게 효과적이었습니다.

transformIgnorePatterns: [
    '<rootDir>/node_modules/../lib/socket.io.js'
  ]

@amitport 메서드 가 완벽하게 작동합니다.