Unable to connect to devtool

[SandraLum]

Hi, I am trying out nativescript vue, following the starter guide in the official documentation and creating a new app using the vue init command and trying to connect to the dev tool.

I had no problem viewing the app on android emulator, however, I was unable to get the dev tool connected. I was stuck with Waiting for connection... with steps to add script at the top of the page you want to debug.

To Reproduce:

1. create a new nativescript vue app from scratch following https://nativescript-vue.org/en/docs/getting-started/quick-start/
2. Run npm install --save @vue/devtools@beta nativescript-toast nativescript-socket.io nativescript-vue-devtools
3. Add the import in main.js
   import VueDevtools from 'nativescript-vue-devtools' Vue.use(VueDevtools)
4. Run vue-devtools in one terminal
5. Run rm -rf platforms && tns run android --bundle on another terminal

[rw355]

Exactly same issue here.

Seems below nativescript-socket isn't returning correct stuff

const SocketIO = require('nativescript-socket.io')
debug && SocketIO.enableDebug()
return SocketIO.connect(address)

[AngeloCicero]

Same issue here - followed starter guide exactly.

[bbc91]

I have the same issue here, no errors, just not connecting.

[nucleogenesis]

Same here as the above comments.

[djokone]

I've get the same issue, but it seems to happen when tns device version is updated to 5.0.0

"nativescript": { "tns-android": { "version": "5.0.0" }, "tns-ios": { "version": "5.0.0" } },

It work again when you rollback to the 4.2.0 version
"nativescript": { "tns-android": { "version": "4.2.0" }, "tns-ios": { "version": "4.2.0" } },

Make change effect
$ rm -rf platforms

[stusmitharoo]

Same issue

[romandrahan]

Same issue

[sivabudati]

Same issue here

[kfiras]

Same here. It was working till I followed the steps to install and enable vue devtools.

[hubertstrk]

Same here

[kieuminhcanh]

Same here

[prinzt]

I tried it a few times without success, but now its working.

What i missed the first few tries was to confirm that electron is allowed to use the network (WIn10).
The Windows System Dialog was initially hidden behind some other window. :-/
After confirmation, vue devtools instantly connect to my real device. (~‾▿‾)~

Win10 with a real device connected via USB.
Versions:

"nativescript-vue": "^2.0.2",
"nativescript-vue-devtools": "^1.1.0",
"nativescript-socket.io": "^0.9.0",

"tns-android": {
      "version": "5.0.0"
    },
"tns-ios": {
     "version": "5.1.0"
}

Using it like documented:

if (TNS_ENV !== "production") {
  Vue.use(VueDevtools, {
    host: "192.168.45.20" // IP of the machine you are writing your code on, _not_ the Device IP your app runs on ;-)
  });
}

[slushnys]

Can't make it connect with --hmr as well unfortunatelly.

[kacperpll]

Can anyone share with any solution to this problems?? Maybe someone from Nativescripte-vue team could answer this quetion??