vue-socket.io3.08，3.09有bug接收不到數據

最近公司的一個vue項目用到了vue-socket.io來處理socket數據傳輸，以前用過socket.io-client，如今知道vue-socket.io是基於socket.io-client的一層封裝，將socket掛於全局從而更方便的書寫。

因而把代碼拉取下來運行：

什麼鬼，一樣的代碼爲何個人就接收不到數據，本身新建一個測試一下吧！

先用express和socket.io搭個小socket服務器：

let express = require('express');
let app = express();

let server= require('http').Server(app);
let io = require('socket.io')(server);

io.on('connect', (socket) => {
    setInterval(() => {
        socket.emit('hi','hello')
    },2000)
    socket.on('hello', (data) => {
        console.log('hello',data)
        socket.emit('hi','get it')
    })
    socket.on('disconnect', (data) => {
        console.log('斷開', data)
    })
})

server.listen(8080);

再搭個vue-cli3環境，main.js裏use一下socket:

import Vue from 'vue'
import App from './App.vue'
import VueSocketIO from 'vue-socket.io'

Vue.config.productionTip = false

Vue.use(new VueSocketIO({
  debug: true,
  connection: 'http://127.0.0.1:8080',
}))

new Vue({
  render: h => h(App),
}).$mount('#app')

再去組件裏監聽一下：

<script>
export default {
  sockets: {
    connect() {
      console.log('連接成功');
    },
    disconnect() {
      console.log('斷開連接')
    },
    reconnect() {
      console.log('從新連接')
    },
    hi(res) {
      console.log('VueSocketIO', res)
    }
  }
}
</script>

結果：

爲何，是socket數據沒發送過來嗎？我裝個socket.io-client試試：

import io from 'socket.io-client'
export default {
  mounted() {
    io('http://127.0.0.1:8080').on('hi', (res) => {
      console.log('socket.io-client', res)
    })
  },
}

沒問題，數據傳過來了，但vue-socket.io爲啥不行，無論了，先向服務端發送一條信息看能不能收到：
this.$socket.emit('hello','i am wk')

沒問題，收到了，因此如今是socket已經鏈接上了，客戶端能夠向服務端正常發送數據，但服務端也向客戶端發送數據了，上面用socket.io-client能夠正常接收已經證實這一點了，問題是vue-socket.io沒有正確寫法去接收數據，彷佛api上的寫法出bug了。
打印一下this發現由於引入vue-socket.io的緣由，this上面掛了一個sockets屬性：

this.sockets下有一個listener屬性，看這個名字就感受有戲，試一下：

this.sockets.listener.subscribe('hi', (data) => {
      console.log('++++++++++',data)
    })

哇哦，能夠用，好吧，就先這樣用吧，雖然仍是不知道sockets:{}這種的寫法爲何不起做用。
有知道的同窗給我留言哦！感謝

今天通過一些同窗的提示，本身也試了試，發現vue-socket.io3.08和3.09版本有這樣的問題，3.07能夠正常使用。須要注意的是在切換3.07版本的時候，不要直接修改完package.json文件中的版本後刪掉整個node_modules再從新npm install，這樣也許是由於緩存的緣由（儘管我也試太重新install以前經過npm cache clean --force清除緩存，刪掉package-lock.json，清除瀏覽器緩存，這些都試過，但彷彿總還有其它緩存使得vue-socket.io的版本沒有切換到3.07，這個多是npm包的某種機制，之後有機會深刻研究一下，有知道的同窗但願留言分享一下！！！ ），成功的作法是，刪掉node_modules，刪掉package.json中vue-socket.io哪一行，而後npm install，而後npm install vue-socket.io@3.0.7，這樣node_modules中的版本才真正變成3.0.7，socket也能正常使用了。