vue-socket.io socketio is not defined

Question

I'm trying to use vue-socket.io package here, so I did install it first then imported it in the app.js file, but in the Vue.use line the socketio throws a console error Uncaught ReferenceError: socketio is not defined:

npm install vue-socket.io --save

import VueSocketio from 'vue-socket.io';
Vue.use(VueSocketio, socketio('http://localhost:3000'), store);

That package appears to depend on npmjs.com/package/socket.io-client. — Bert
– Bert, Commented Jun 27, 2017 at 18:35
I think this is an alternative way to include the file using the script tag — Wissa
– Wissa, Commented Jun 27, 2017 at 18:47

Bert · Accepted Answer · 2017-06-27 18:58:28Z

4

The documentation suggests a default configuration.

import VueSocketio from 'vue-socket.io';
Vue.use(VueSocketio, 'http://socketserver.com:1923');

If you want to use the one you're using

import VueSocketio from 'vue-socket.io';
Vue.use(VueSocketio, socketio('http://localhost:3000'), store);

You're going to have to import socketio from somewhere. Your script doesn't know what that is. Looking at the source suggests that you could do this:

import VueSocketio from 'vue-socket.io';
import socketio from 'socket.io-client'

Vue.use(VueSocketio, socketio('http://localhost:3000'), store);

answered Jun 27, 2017 at 18:58

Bert

82.6k17 gold badges205 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wissa Over a year ago

Thanks, this makes sense. I'll give it a try

Collectives™ on Stack Overflow

vue-socket.io socketio is not defined

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related