Vue-Remote-Devtools - net::ERR_CONNECTION_REFUSED

[Peter-Mulligan]

Version

4.1.5-beta.1

Browser and OS info

Windows 10 (v1803 build:17134.472) & Android 8.0.0 (phone: FIG-LX1 build: 8.0.0159(C432))

Steps to reproduce

Reverse tethered mobile device to access my local host. Inserted script tag supplied by Vue-devtools Electron shell. If localhost tag is used I receive 'GET http://localhost:8098/ net::ERR_CONNECTION_REFUSED' error in chrome remote devtool window. If ip tag is used I receive 'GET http://localhost:8098/socket.io/?EIO=3&transport=polling&t=MWodKWT net::ERR_CONNECTION_REFUSED' every 5ish seconds. Vue-devtools shell stays on 'Waiting for connection...' screen

What is expected?

Vue-devtools connects with remote device.

What is actually happening?

Vue-devtools shell stays on 'Waiting for connection...' screen and I receive net::ERR_CONNECTION_REFUSED in the chrome remote devtools window.

---

Reverse tethering causing issues?

[gterras]

Hi,

If you are accessing your computer from another machine shouldn't you be calling the local IP (192.168.x.x) ?

[Peter-Mulligan]

In the script tag added to the top of the page I am trying to debug? If memory serves I tried changing that to the ip of my phone, but I will try again and report back.

[kenberkeley]

+1 What's the solution now?

[kenberkeley]

https://github.com/vuejs/vue-devtools/issues/648#issuecomment-410539403

[aiya000]

I had same issue! In my case

1. Develop using @vue/devtools
2. Start using devtools of chrome instead
3. Forget removing below lines (main.ts)

if (process.env.NODE_ENV === 'development') {
  DevTools.connect('localhost', 8098)
}

To fix, just removing above lines is working! :+1:

[ivanmem]

The problem is relevant. Chrome Developer Tools doesn't work in iframes. So I'm forced to use DevTools.connect. But when I don't use DevTools, DevTools spams an error in the console.