Socket.io-client: 인식 할 수없는 WebSocket 연결 옵션`agent`,`perMessageDeflate`,`pfx`,`key`,`passphrase`,`cert`,`ca`,`ciphers`,`rejectUnauthorized`입니다. 이것을`headers` 아래에 넣으려고 했습니까?

같은 문제 :(

+1

+1

+1

적어도 12 월 18 일부터 문제가 된 것 같습니다.

+1

+1

+1

+1

React-Native에서 socket.io (2.2.0)를 사용할 때 여전히이 경고가 표시됩니다. 다음을 사용하여 장치 화면의 노란색 상자를 음소거 할 수 있습니다.

import { YellowBox } from 'react-native'

YellowBox.ignoreWarnings([
  'Unrecognized WebSocket connection option(s) `agent`, `perMessageDeflate`, `pfx`, `key`, `passphrase`, `cert`, `ca`, `ciphers`, `rejectUnauthorized`. Did you mean to put these under `headers`?'
])

하지만 여전히 콘솔에이 성가신 경고가 표시됩니다 ...

"socket.io-client"로 다운 그레이드 : "2.1.0"및 모두 OK

나를 위해 2.1.1로 다운 그레이드했을 때 작동했습니다.
yarn add [email protected]

처음에는 패키지의 다른 부 버전을 허용하는 socket.io-client@^2.1.1 버전 앞에 ^ 기호를 추가했기 때문에 작동하지 않았습니다.

여전히 문제 @ 2.2.0

socket.io-client를 1.7.2로 다운 그레이드 해보십시오.

여전히 문제 @ ^ 2.3.0

react-native에서 여전히 v2.3.0 문제

@ 2.1.1은 괜찮습니다. 그러나 2.3.0은 RN 0.61.1에 경고 메시지를 표시합니다.

지금까지 어떤 해결책도

반응 네이티브와 함께 여전히 문제 v2.3.0

얘들 아! v2.1.1 로 다운 그레이드하여이 문제를 해결했습니다.

이전 버전을 완전히 제거하고 캐시를 지워야합니다.

1. package.json에서 socket.io-client를 제거하고 package-lock / yarn.lock 파일을 더 잘 삭제하십시오.
2. 전체 node_modules 폴더 삭제 (새로 시작)
3. npm 설치 소켓.

끝난! 이것은 react-native 및 react-native-web에서 작동합니다!

나는 react-native: 0.61.4 와 동일한 문제가 있지만 어떻게 든 앱이 충돌하고 경고로 인해 발생하는지 또는 다른 소켓 관련 문제인지 알 수 없지만 소켓에 연결하려고 할 때 앱이 닫힙니다.

이것은 내 conf입니다.
{ autoConnect: false, reconnectionDelay: 1000, reconnection: true, transports: ['websocket'], agent: false, // [2] Please don't set this to true upgrade: false, rejectUnauthorized: false }

소켓이 이미 연결된 경우 socket.open 이 (가) 충돌합니까?

이 경고는 여기에서 ReactNative/WebSocket.js:117 의해 발생합니다. EngineIO (내부에서 SocketIO에 의해 사용됨)는 다음 속성을 포함하는 opts 전달되는 EngineIO/websocket.js:121 를 통해 노출 된 ReactNative WebSocket 구현을 참조하기 때문입니다. 경고 메시지가 언급됩니다. 흥미롭게도 EngineIO 관리자가 주석을 통해 설명하는 이러한 추가 속성은 "Node.js 클라이언트 용 SSL 옵션"입니다.

에서 다음과 같은 코드를 삽입하여 EngineIO/websocket.js:114 조작하는 opts 우리가 모든 외부 키를 제거하려면 웹 소켓 생성자에 주어진 opts 성공적으로 나타나는 경고를 중지를 1 등 ( omit 은 Lodash에서 가져 오며 다시 작업 할 수 있음).

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

당신은 단순히 통해 경고 음소거 포함하지 않는 솔루션을 찾고 있다면 YellowBox.ignoreWarnings 당신은 완전히 무시할 수 doOpen 정의 EngineIO/websocket.js:87 이 아래와 같이 뭔가를 추가하여 , ReactNative 프로젝트의 진입 점 (일반적으로 index.js 합니다.

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

전반적으로, this.isReactNative 를 통해 ReactNative에서 사용할 때 필요하지 않은 추가 opts 를 제외하기 위해 EngineIO에 대한 pull 요청을 생성하면 해당 소켓에서 SocketIO 클라이언트를 사용하는 모든 사용자에 대해이 경고를 억제 할 수 있습니다. ReactNative 프로젝트.

당신은 :

• [x] _bug_ 신고
• [] _feature_ 요청

현재 행동

빈 React Native Expo 프로젝트에 socket.io-client 를 설치하면 다음과 같은 노란색 메시지가 표시됩니다.

Unrecognized WebSocket connection option(s) `agent`, `perMessageDeflate`, `pfx`, `key`, `passphrase`, `cert`, `ca`, `ciphers`, `rejectUnauthorized`. Did you mean to put these under `headers`?

재현 단계 (현재 동작이 버그 인 경우)

yarn add socket.io-client

React Native 프로젝트의 App.js에서 :

import React from 'react';
import { YellowBox } from 'react-native';
import io from 'socket.io-client';

YellowBox.ignoreWarnings(['Remote debugger']);

import AppContainer from './config/routing';

export default class App extends React.Component {
    constructor(props) {
        super(props);
    }

    componentWillMount() {
        const socket = io('http://10.0.60.26:3000', {
            forceNew: true
        });
        socket.on('connect', () => console.log('Connection'));
    }

    render() {
        return <AppContainer />;
    }
}

내 솔루션 :

다음과 같이 useState에 소켓을 저장하십시오.

'socket.io-client'에서 io 가져 오기;
// ...

const [socket] = useState(() => io('SERVER_URL'));

문제 해결됨.

제 경우에는 로컬 socket.io 서버에 연결할 때 v2.3이 괜찮습니다.
하지만 원격 socket.io 서버에 연결할 때 오류가 발생합니다.
서버 소스가 동일합니다.
그래서 socket.io 클라이언트 버전을 2.1.1로 다운 그레이드하면 정상적으로 작동합니다.

이 경고는 여기에서 ReactNative/WebSocket.js:117 의해 발생합니다. EngineIO (내부에서 SocketIO에 의해 사용됨)는 다음 속성을 포함하는 opts 전달되는 EngineIO/websocket.js:121 를 통해 노출 된 ReactNative WebSocket 구현을 참조하기 때문입니다. 경고 메시지가 언급됩니다. 흥미롭게도 EngineIO 관리자가 주석을 통해 설명하는 이러한 추가 속성은 "Node.js 클라이언트 용 SSL 옵션"입니다.

에서 다음과 같은 코드를 삽입하여 EngineIO/websocket.js:114 조작하는 opts 우리가 모든 외부 키를 제거하려면 웹 소켓 생성자에 주어진 opts 성공적으로 나타나는 경고를 중지를 1 등 ( omit 은 Lodash에서 가져 오며 다시 작업 할 수 있음).

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

당신은 단순히 통해 경고 음소거 포함하지 않는 솔루션을 찾고 있다면 YellowBox.ignoreWarnings 당신은 완전히 무시할 수 doOpen 정의 EngineIO/websocket.js:87 이 아래와 같이 뭔가를 추가하여 , ReactNative 프로젝트의 진입 점 (일반적으로 index.js 합니다.

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

전반적으로, this.isReactNative 를 통해 ReactNative에서 사용할 때 필요하지 않은 추가 opts 를 제외하기 위해 EngineIO에 대한 pull 요청을 생성하면 해당 소켓에서 SocketIO 클라이언트를 사용하는 모든 사용자에 대해이 경고를 억제 할 수 있습니다. ReactNative 프로젝트.

귀하의 코드로 인해 서버에 연결할 수 없으며 EngineIO의 의도 된 동작이 변경되었으므로 해당 옵션을 if 문으로 래핑했지만 제안한 것과 동일한 패치 메커니즘을 사용했습니다.

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
    if (!this.check()) {
        // let probe timeout
        return;
    }

    var uri = this.uri();
    var protocols = this.protocols;
    var opts = {};

    if(!this.isReactNative){
        opts.agent = this.agent;
        opts.perMessageDeflate = this.perMessageDeflate;

        // SSL options for Node.js client
        opts.pfx = this.pfx;
        opts.key = this.key;
        opts.passphrase = this.passphrase;
        opts.cert = this.cert;
        opts.ca = this.ca;
        opts.ciphers = this.ciphers;
        opts.rejectUnauthorized = this.rejectUnauthorized;
    }


    if (this.extraHeaders) {
        opts.headers = this.extraHeaders;
    }
    if (this.localAddress) {
        opts.localAddress = this.localAddress;
    }

    try {
        this.ws =
            this.usingBrowserWebSocket && !this.isReactNative
                ? protocols
                ? new WebSocketImpl(uri, protocols)
                : new WebSocketImpl(uri)
                : new WebSocketImpl(uri, protocols, opts);
    } catch (err) {
        return this.emit('error', err);
    }

    if (this.ws.binaryType === undefined) {
        this.supportsBinary = false;
    }

    if (this.ws.supports && this.ws.supports.binary) {
        this.supportsBinary = true;
        this.ws.binaryType = 'nodebuffer';
    } else {
        this.ws.binaryType = 'arraybuffer';
    }

    this.addEventListeners();
};

"socket.io-client"로 다운 그레이드 : "2.1.0"및 모두 OK

이것은 나를 위해 일했습니다.

문제를 잘 이해하고 있다면 https://github.com/socketio/socket.io-client/commit/06e9a4ca2621176c30c352b2ba8b34fa42b8d0ba에 도입 된 관련 종속성 문제

2.1.1 로의 다운 그레이드는 실제로 작동하지만 2 년 된 릴리스에 갇혀 있습니다.

@ptboyer를 프로젝트에 적용하고 릴리스 할 수 있습니까?

이 경고가 패키지의 기능에 영향을 줍니까? 그냥 설정하고 이것에 얽매이고 싶지 않습니다. 다른 결과가 없으면 무시해도 좋습니다.

편집 : 같은 것을 궁금해하는 사람을 위해. 내가 말할 수있는 한이 경고는 중요하지 않습니다.

@schumannd 이 문제는 순전히 오류 / 경고 메시지 음소거에 관한 것입니다. 기능적으로이 경고는 중요하지 않습니다. :)

+1

나는 socket.io 라이브러리가 여전히 유지되고 있는지 아닌지에 대한 공식적인 답변이나 다가오는 업데이트로 인해 매우 걱정됩니다.

+1

+1

const _io = ioClient.connect(socketurl, { forceNode: true });
일이야

@isthaison 그것은 나를 위해 작동하지 않습니다

@isthaison 이 작동하지만 다른 모든 http 요청은 매우 느려집니다 ... 해결 방법과 관련이 있는지 모르겠습니다 ...하지만 ...

{forceNode : true}

감사합니다. 이것은 나를 위해 일합니다.

이것은 나를 위해 일한 유일한 솔루션입니다.

이 경고는 여기에서 ReactNative/WebSocket.js:117 의해 발생합니다. EngineIO (내부에서 SocketIO에 의해 사용됨)는 다음 속성을 포함하는 opts 전달되는 EngineIO/websocket.js:121 를 통해 노출 된 ReactNative WebSocket 구현을 참조하기 때문입니다. 경고 메시지가 언급됩니다. 흥미롭게도 EngineIO 관리자가 주석을 통해 설명하는 이러한 추가 속성은 "Node.js 클라이언트 용 SSL 옵션"입니다.
에서 다음과 같은 코드를 삽입하여 EngineIO/websocket.js:114 조작하는 opts 우리가 모든 외부 키를 제거하려면 웹 소켓 생성자에 주어진 opts 성공적으로 나타나는 경고를 중지를 1 등 ( omit 은 Lodash에서 가져 오며 다시 작업 할 수 있음).

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

당신은 단순히 통해 경고 음소거 포함하지 않는 솔루션을 찾고 있다면 YellowBox.ignoreWarnings 당신은 완전히 무시할 수 doOpen 정의 EngineIO/websocket.js:87 이 아래와 같이 뭔가를 추가하여 , ReactNative 프로젝트의 진입 점 (일반적으로 index.js 합니다.

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

전반적으로, this.isReactNative 를 통해 ReactNative에서 사용할 때 필요하지 않은 추가 opts 를 제외하기 위해 EngineIO에 대한 pull 요청을 생성하면 해당 소켓에서 SocketIO 클라이언트를 사용하는 모든 사용자에 대해이 경고를 억제 할 수 있습니다. ReactNative 프로젝트.

귀하의 코드로 인해 서버에 연결할 수 없으며 EngineIO의 의도 된 동작이 변경되었으므로 해당 옵션을 if 문으로 래핑했지만 제안한 것과 동일한 패치 메커니즘을 사용했습니다.

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
    if (!this.check()) {
        // let probe timeout
        return;
    }

    var uri = this.uri();
    var protocols = this.protocols;
    var opts = {};

    if(!this.isReactNative){
        opts.agent = this.agent;
        opts.perMessageDeflate = this.perMessageDeflate;

        // SSL options for Node.js client
        opts.pfx = this.pfx;
        opts.key = this.key;
        opts.passphrase = this.passphrase;
        opts.cert = this.cert;
        opts.ca = this.ca;
        opts.ciphers = this.ciphers;
        opts.rejectUnauthorized = this.rejectUnauthorized;
    }


    if (this.extraHeaders) {
        opts.headers = this.extraHeaders;
    }
    if (this.localAddress) {
        opts.localAddress = this.localAddress;
    }

    try {
        this.ws =
            this.usingBrowserWebSocket && !this.isReactNative
                ? protocols
                ? new WebSocketImpl(uri, protocols)
                : new WebSocketImpl(uri)
                : new WebSocketImpl(uri, protocols, opts);
    } catch (err) {
        return this.emit('error', err);
    }

    if (this.ws.binaryType === undefined) {
        this.supportsBinary = false;
    }

    if (this.ws.supports && this.ws.supports.binary) {
        this.supportsBinary = true;
        this.ws.binaryType = 'nodebuffer';
    } else {
        this.ws.binaryType = 'arraybuffer';
    }

    this.addEventListeners();
};

const _io = ioClient.connect(socketurl, { forceNode: true });
일이야

저와 함께 작동합니다. 감사합니다!

"socket.io-client": "^2.3.0"

const socket = io(host, { forceNode: true });

const _io = ioClient.connect(socketurl, { forceNode: true });
일이야

저와 함께 작동합니다. 감사합니다!

"socket.io-client": "^2.3.0"

const socket = io(host, { forceNode: true });

그것은 나에게도 효과적이었습니다! 큰 감사를 드린다

헤더를 추가하기 만하면 작동합니다!
socket = io.connect('SOCKET_URL_HERE', { jsonp: false, agent: '-', pfx: '-', cert: '-', ca: '-', ciphers: '-', rejectUnauthorized: '-', perMessageDeflate: '-' });

const _io = ioClient.connect (socketurl, {forceNode : true});

이것은 경고를 해결하지만 내 소켓 연결을 정말 느리게 (실제로 시간 초과)하므로 사용할 수 없습니다.

const _io = ioClient.connect (socketurl, {forceNode : true});

이것은 경고를 해결하지만 내 소켓 연결을 정말 느리게 (실제로 시간 초과)하므로 사용할 수 없습니다.

여기에도 동일 : 연결 시간 초과!

froceNode를 제거하고 2.1.0 다운 그레이드했는데 제대로 작동했습니다. 또한 에뮬레이터 장치의 IP가 아닌 localhost를 사용하는 문제가있었습니다.

동일한 @SaveYourTime , 저는 "socket.io-client": "^2.3.0"
여기 https://socket.io/docs/client-api/를 참조하십시오
forceNode 옵션을 추가하는 이유

이 문제는 engine.io-client v3.4.3에서 수정되어야하므로 yarn.lock 파일과 node_modules 디렉터리를 삭제 한 다음 yarn install 를 실행하기 만하면됩니다.

ref https://github.com/socketio/engine.io-client/commit/2f5c948abe8fd1c0fdb010e88f96bd933a3792ea

@BassemN 아마도 yarn.lock 파일을 삭제하는 대신 yarn upgrade-interactive 를 사용하여 버전을 안전하게 범프 할 수 있습니까?

패키지를 업그레이드 할 때마다 파일을 완전히 파괴하면 "잠금"파일이라는 개념에 다소 반 직관적으로 보입니다. 😅

https://github.com/socketio/engine.io-client/commit/e5bc1063cc90a7b6262146c7b5338ffff1ff9e5b ( [email protected] 및 [email protected] )로 수정해야합니다.

forceNode 옵션과 관련하여 React Native는 실제로 WebSocket ( ref )을 지원하므로 forceNode: true 가 필요하지 않습니다. 그렇지 않습니까?