Nativescript vue devtools не подключается

Question

, кажется, неделю назад или около того, nativescript потерял способность общаться с vue devtools.Смотрите этот вопрос на github .Запустите репозиторий , чтобы воспроизвести - (вам нужно изменить переменную host в main.js на сетевой адрес вашего компьютера).

Вот несколько вещей, которые я пробовал:

1. Несколько различных сетей, включая проводной, общедоступный и частный Wi-Fi и мобильную точку доступа
2. Локальный эмулятор Android с хостомустановлен на «localhost», а также исключен хост.
3. Физическое устройство Android Samsung S9 с последней ОС Android
4. Взял код из пакета nativescript-vue-devtools и добавил ведение журнала консоли.Появляется зависание при подключении к разъему devtools в цикле connect_error -> reconnect.К сожалению, аргументы к событию ошибки подключения являются нулевыми, поэтому нет четкой причины, по которой это происходит.

Вот 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 никогда не меняется с экрана по умолчанию.

IЯ могу использовать termux с nmap для сканирования с моего устройства отладки и видеть, что мой IP / порт открыт.Я также могу сделать очень простой веб-сайт, добавить экземпляр vue и вставить тег script, показанный в пользовательском интерфейсе инструментов разработчика, чтобы показать, что devtools работают правильно.

Nativescript: вы теряете пользователей, чтобы реагироватьродной над этой проблемой (см. комментарии в ссылке на проблему выше).Vue devtools только что выпустили новую версию, рекламирующую лучшую поддержку nativescript, но мы совершенно не можем даже попробовать!

Поскольку сообщество Nativescript переехало сюда, я действительно просто надеюсь привлечь внимание разработчиков, чтобы решить эту проблему.Если кто-то еще может предложить обходной путь или решение этой проблемы, это также будет оценено.

Заранее спасибо!

Answer 1

Чтобы мой эмулятор Android работал с приложением Vative Devtools для электронного приложения NativeScript vue, Мне нужно было установить 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"
    >

Это решение было из этого комментария https://github.com/nativescript-vue/nativescript-vue-devtools/issues/8#issuecomment-496292399

Эту проблему также можно решить, создав или изменив файл network_security_config.xml.

Я сомневаюсь, что это изменение, которое вы хотели бы зафиксировать и использовать в производстве, поэтому я использую его только в локальной разработке.

Answer 2

Не могли бы вы попробовать с этим deps в вашем 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-toasty

Это скорее обходной путь, чем реальное решение, но если оно может помочь;)