connection timeout - client is v4 and server is v5

[jimoquinn]

Can we mix and match Feathers versions on the client and server? In looking through the server debug info (included at the bottom of this post), this message stands out:

  engine unsupported protocol version +1ms

This has me thinking both the client and server need to be on the same version. If I run this blurb of code in my v5 directory it works, but gives a timeout when run from the v4 directory.

const feathers = require('@feathersjs/feathers')
const socketio = require('@feathersjs/socketio-client')
const client = feathers()
const io = require('socket.io-client')
const socket = io('http://feathers5a.lxd:3030')

client.configure(socketio(socket))
const sectionsService = client.service('sections')
sectionsService
  .find({
    query: {
      $limit: 1000
    }
  })
  .then((ret, error) => {
    if (ret) console.log('RET: sectionsService.create(JSON.parse(data)): ', ret)

    if (error) console.log('ERROR: sectionsService.create(JSON.parse(data)): ', error)
  })

From my v4 package.json:

"dependencies": {
    "dotenv": "^16.0.1",
    "@feathersjs/socketio-client": "^4.5.15",
    "@feathersjs/feathers": "^4.5.15",
    "feathers-mongoose": "^8.5.1",
    "mongoose": "^6.5.3",
    "pinia": "^2.0.11",
    "socket.io-client": "^2.3.1",
    "quasar": "^2.6.0",
    "@quasar/extras": "^1.0.0",
    "vue": "^3.0.0",
    "vue-i18n": "^9.0.0",
    "vue-router": "^4.0.0"
  },

From my v5 package.json:

  "dependencies": {
    "@feathersjs/adapter-commons": "^5.0.0",
    "@feathersjs/authentication": "^5.0.0",
    "@feathersjs/authentication-client": "^5.0.0",
    "@feathersjs/authentication-local": "^5.0.0",
    "@feathersjs/authentication-oauth": "^5.0.0",
    "@feathersjs/configuration": "^5.0.0",
    "@feathersjs/errors": "^5.0.0",
    "@feathersjs/feathers": "^5.0.0",
    "@feathersjs/koa": "^5.0.0",
    "@feathersjs/mongodb": "^5.0.0",
    "@feathersjs/schema": "^5.0.0",
    "@feathersjs/socketio": "^5.0.0",
    "@feathersjs/socketio-client": "^5.0.0",
    "@feathersjs/transport-commons": "^5.0.0",
    "@feathersjs/typebox": "^5.0.0",
    "mongodb": "^5.1.0",
    "socket.io-client": "^4.6.1",
    "winston": "^3.8.2"
  },

Here is the debug info from the server running v5:

warn: Publishing all events to all authenticated users. See `channels.ts` and https://dove.feathersjs.com/api/channels.html for more information.
  koa:application listen +11ms
  socket.io:server initializing namespace / +0ms
  socket.io:server creating engine.io instance with opts {"cors":{"origin":["http://localhost:3030"]},"cleanupEmptyChildNamespaces":false,"path":"/socket.io"} +0ms
  socket.io:server attaching client serving req handler +2ms
info: Feathers app listening on http://localhost:3030
  engine intercepting request for path "/socket.io/" +0ms
  engine handling "GET" http request "/socket.io/?EIO=3&transport=polling&t=ORbleuY&b64=1" +0ms
  engine applying middleware n°1 +1ms
  engine unsupported protocol version +1ms
  engine intercepting request for path "/socket.io/" +666ms
  engine handling "GET" http request "/socket.io/?EIO=3&transport=polling&t=ORblf37&b64=1" +0ms
  engine applying middleware n°1 +0ms
  engine unsupported protocol version +0ms
  engine intercepting request for path "/socket.io/" +3s
  engine handling "GET" http request "/socket.io/?EIO=3&transport=polling&t=ORblfkf&b64=1" +0ms
  engine applying middleware n°1 +0ms
  engine unsupported protocol version +1ms

[daffl]

Oops, I read it the wrong way around first. You should be able to do that as long as you update the socket.io-client dependency to the v5 compatible version.