Nativescript vue devtools未连接
大概一周前，nativescript失去了与vue devtools对话的能力。参见this issue on github。运行此repo to reproduce -- (您需要将main.js中的host变量更改为您计算机的网络地址)。
以下是我尝试过的一些方法：
在连接到connect_error -> reconnect循环中的devtools套接字时似乎卡住了。不幸的是，connect error事件的参数为null，因此没有明确的失败原因。
下面是来自该项目的package.json --它们都是使用命令行界面初始化项目后的默认值：
{
"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的社区已经搬到了这里，我真的只是希望引起开发人员的注意来解决这个问题。如果其他任何人能够提供解决此问题的方法或解决方案，也将不胜感激。
提前感谢！
回答 2
Stack Overflow用户
发布于 2019-07-17 20:26:18
为了让我的安卓模拟器运行NativeScript vue应用程序与Vue Devtools电子应用程序对话，我需要将安卓系统设置为允许明文流量
在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"
>此解决方案来自此评论https://github.com/nativescript-vue/nativescript-vue-devtools/issues/8#issuecomment-496292399
也可以通过创建或修改network_security_config.xml文件来解决此问题。
我怀疑这是您想要提交并在生产中进行的更改，所以我只在本地开发中使用它。
Stack Overflow用户
发布于 2019-03-29 06:38:18
你可以尝试在你的package.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-烤面包
它更多的是一种变通而不是真正的解决方案，但如果它能有所帮助的话;)
https://stackoverflow.com/questions/55407201
复制相似问题