使用大地vue无人点餐无人收银系统中的socket.io报错如何解决？错误如下

由于最近 Vue-Socket.io模块更新了。所以有部分同学按照大地老师讲的用vue连接socket服务器的时候报错。

如下：

第一种解决方案：

1、把自己项目中的package.json中的vue-Socket.io版本改为2.1.1-b

改为

注意： 改完以后重新cnpm install 安装依赖

第二种解决方案：

按照官方文档最新的写法来连接socket服务器：

https://github.com/MetinSeylan/Vue-Socket.io

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

Vue.use(new VueSocketIO({
    debug: true,
    connection: 'http://metinseylan.com:1992',
    vuex: {
        store,
        actionPrefix: 'SOCKET_',
        mutationPrefix: 'SOCKET_'
    }
}))

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