Ad

Laravel Pusher With Vue Js Not Working Truely

I'm beginner to use laravel pusher with vue js. I used this tutorial to make a chat with pusher but it is not working truely. Users do not receive the other users' messages.

enter image description here

As you see in the picture, I receive these errors:

app.js:37257 WebSocket connection to 'wss://ws-us2.pusher.com/app/1797b1153d5dbf7d494f?protocol=7&client=js&version=4.2.2&flash=false' failed: Error in connection establishment: net::ERR_PROXY_CONNECTION_FAILED

Pusher : Connecting : {"transport":"xhr_streaming","url":"https://sockjs-us2.pusher.com:443/pusher/app/1797b1153d5dbf7d494f?protocol=7&client=js&version=4.2.2"} app.js:38904 OPTIONS https://sockjs-us2.pusher.com/pusher/app/1797b1153d5dbf7d494f/339/6g9476l7/xhr_streaming?protocol=7&client=js&version=4.2.2&t=1526190472039&n=3 net::ERR_PROXY_CONNECTION_FAILED

I did everything which has been explained in the tutorial!

Ad

Answer

I resolved my problem and I forgot to reply. It was to upgrade my node then I had to downgrade Prettier to 1.12.0:

npm install --save-dev [email protected]

npm run dev

Error fixed. I think it's not bad to add this comment that you should put queue driver to redis and run queue:work to get the expected result, because it has not been mentioned in that tutorial.

Ad
source: stackoverflow.com
Ad