Как настроить проект Ioni c 5.24 / Capacitor 2.0.1 / Angular 9.1.2 для доступа к источникам машинописи при проверке AVD с помощью chrome -инструментов?

Question

Я не могу найти способ настроить проект Ioni c (5.24) для доступа к источникам машинописи при отладке на виртуальном устройстве Android с использованием chrome DevTools.

Версия конденсатора: 2.0.1 Angular версия: 9.1.2

Я запускаю

• ionic cap run android -l
• редактировать Android / приложение / SRC / основной / активы / конденсатор. config. json для замены loclahost на 10.0.2.2 (любая помощь в настройке проекта, чтобы избежать повторного сброса этого значения, также приветствуется)
• "проверять" приложение из chrome://inspect/#devices

но в источниках нет записи webpack, и я вижу только источники js.

Я пробовал довольно много решений для более ранней версии ioni c, которые не работали , Я также пытался установить projects.app.architect.build.options.aot на false, но это тоже ничего не меняет: /

Answer 1

При работе на устройстве Android (виртуальном или физическом) я должен использовать флаги external и source-map:

ionic cap run android --external --source-map -l

Взлом android/app/src/main/assets/capacitor.config.json был каким-то образом нарушая извлечение исходного кода из Chrome DevTools. Необходимо привязать dev-сервер к сетевому интерфейсу, доступному для тестирующего устройства (и 10.0.2.2 не является опцией, поскольку это известно только AVD, а не машине dev, на которой работает dev-сервер и проверяющий браузер).

Answer 2

Я думаю, вам нужно построить с --source-map аргументом см. В документах