大概一周前,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的社区已经搬到了这里,我真的只是希望引起开发人员的注意来解决这个问题。如果其他任何人能够提供解决此问题的方法或解决方案,也将不胜感激。
提前感谢!
发布于 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文件来解决此问题。
我怀疑这是您想要提交并在生产中进行的更改,所以我只在本地开发中使用它。
发布于 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
复制相似问题