Nativescript vue开发工具未连接

大约一周前，nativescript失去了与vue开发工具对话的能力。看见运行此--（您需要将

main.js

中的

host

变量更改为计算机的网络地址）

以下是我尝试过的一些事情：

几种不同的网络，包括有线、公共和私人wifi以及移动热点

本地Android仿真器，主机设置为“localhost”，主机也被排除在外

具有最新安卓操作系统的物理安卓设备三星S9

从

nativescript vue devtools

包中获取代码，并添加控制台日志记录。在

connect\u error->reconnect

循环中连接到devtools套接字时，出现卡滞现象。不幸的是，连接错误事件的参数为空，因此没有明确的失败原因

下面是该项目中的

package.json

——它们都是使用CLI初始化项目后的默认值：

{
  "name": "nsvue-devtools-test",
  "version": "1.0.0",
  "description": "A native application built with NativeScript-Vue",
  "author": "Will P.",
  "license": "MIT",
  "nativescript": {
    "id": "org.nativescript.application",
    "tns-ios": {
      "version": "5.0.0"
    },
    "tns-android": {
      "version": "5.0.0"
    }
  },
  "dependencies": {
    "vuex": "^3.0.1",
    "@vue/devtools": "5.0.0-beta.3",
    "nativescript-socket.io": "^0.9.0",
    "nativescript-vue-devtools": "^1.0.0",
    "nativescript-toast": "^1.4.6",
    "nativescript-vue": "^2.0.0",
    "tns-core-modules": "^5.0.2"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "babel-loader": "^8.0.2",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.2",
    "css-loader": "^1.0.0",
    "lazy": "1.0.11",
    "nativescript-dev-webpack": "next",
    "nativescript-vue-template-compiler": "^2.0.0",
    "nativescript-worker-loader": "~0.9.0",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.1.0",
    "terser-webpack-plugin": "^1.1.0",
    "vue-loader": "^15.2.6",
    "webpack": "^4.16.4",
    "webpack-bundle-analyzer": "~2.13.1",
    "webpack-cli": "^3.1.0"
  }
}

我还尝试了另一个项目，使用最新版本的nativescript toast和vue devtools，得到了相同的结果——vue devtools从不从默认屏幕更改

我能够使用termux和nmap从调试设备进行扫描，并查看我的IP/端口是否打开。我还能够创建一个非常基本的网站，添加一个vue实例，并粘贴开发人员工具UI中显示的脚本标记，以显示devtools工作正常

Nativescript：您失去了对该问题作出本机反应的用户（请参阅上面问题链接中的注释）。Vue devtools刚刚发布了一个新版本，宣传更好的nativescript支持，但我们完全无法尝试

由于Nativescript的社区已经搬到这里，我真的只是希望引起开发人员的注意来解决这个问题。如果其他任何人能够提供解决此问题的方法或解决方案，我们也将不胜感激

---

提前谢谢

您可以尝试在您的包中使用此deps.json：

"nativescript-toasty": "^1.3.0",
"nativescript-socketio": "^3.2.1",
"nativescript-vue-devtools": "github:anthonny/nativescript-vue-devtools#master",

我不使用nativescript-socket.io和nativescript toast，而是使用nativescript socketio（不带。）和nativescript toasty

---

与其说它是一个真正的解决方案，不如说它是一个变通办法，但如果它能有所帮助的话；）

您可以尝试在您的包中使用此deps.json：

"nativescript-toasty": "^1.3.0",
"nativescript-socketio": "^3.2.1",
"nativescript-vue-devtools": "github:anthonny/nativescript-vue-devtools#master",

我不使用nativescript-socket.io和nativescript toast，而是使用nativescript socketio（不带。）和nativescript toasty

---

与其说它是一个真正的解决方案，不如说它是一个变通办法，但如果它能有所帮助的话；）

要让我的android emulator运行NativeScript vue应用程序与vue Devtools electron应用程序对话， 我需要将android设置为允许明文通信

在AndroidManifest.xml中 设置

android:usesCleartextTraffic=“true”

在现有节点上。 比如说

<application
        android:name="com.tns.NativeScriptApplication"
        android:allowBackup="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name"
        android:theme="@style/AppTheme"
        android:usesCleartextTraffic="true"
    >

也可以通过创建或修改network\u security\u config.xml文件来解决此问题

我怀疑这是一个您希望在生产中实现的更改，因此我只在本地开发中使用它。
为了让我的android emulator运行NativeScript vue应用程序与vue Devtools electron应用程序对话，
我需要将android设置为允许明文通信

在AndroidManifest.xml中
设置
android:usesCleartextTraffic=“true”
在现有节点上。
比如说

<application
        android:name="com.tns.NativeScriptApplication"
        android:allowBackup="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name"
        android:theme="@style/AppTheme"
        android:usesCleartextTraffic="true"
    >


也可以通过创建或修改network\u security\u config.xml文件来解决此问题

我怀疑这是您希望在生产中进行的更改，因此我只在本地开发中使用它。
Hmm，遗憾的是，这些软件包也有同样的行为。我继续将nativescript vue devtools代码复制到我的测试项目中，并将其设置为记录所有套接字事件，它似乎永远卡在
connect\u错误中。在工作和我的移动热点尝试了两个不同的wifi网络。我会在家里试试看网络是否会引起问题。嗯，很遗憾，我在这些软件包上也遇到了同样的问题。我继续将nativescript vue devtools代码复制到我的测试项目中，并将其设置为记录所有套接字事件，它似乎永远卡在
connect\u错误中。在工作和我的移动热点尝试了两个不同的wifi网络。我会在家里试试看网络是否会引起问题。