Не удается отладить эмулированное приложение Ionic - минимизированный код

Question

Выполнение этой команды ...

ionic cordova emulate android

Проблема в том, что при отладке весь код минимизирован (vendor.js и main.js) - трудно отладить.

Как сделатьЯ обойду это?Я хотел бы видеть оба, поскольку мой vendor.js выдает ошибку.Я уверен, что есть настройка Ionic, чтобы остановить это, но я проверил документы и сделал много поисков, ничего не смог найти.

Версия - Ionic 3.

Содержание информации Ionic ...

Ionic:

   ionic (Ionic CLI)  : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.0
   Cordova Plugins       : cordova-plugin-ionic 4.2.0, cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.3, (and 16 other plugins)

System:

   NodeJS : v10.10.0 (/usr/local/Cellar/node/10.10.0/bin/node)
   npm    : 6.4.1
   OS     : macOS High Sierra

Спасибо!

Answer 1

Вариант 1: Запустите с параметром --livereload. Я обнаружил, что использование динамической перезагрузки обеспечивает исходные карты при более последовательной удаленной отладке, чем без оперативной перезагрузки.

Вариант 2: Добавьте ниже в ваш файл package.json. Это также работает для меня. Не уверен, повлияет ли это на сборки prod или нет, поэтому вы можете использовать его только при активной отладке.

"config": {
    "ionic_bundler": "webpack",
    "ionic_source_map_type": "#inline-source-map"
}

Answer 2

Когда вы запускаете ionic serve, вы пытаетесь найти файл, который хотите отладить, на вкладке источника в chrome devtools. Обычно он появляется внутри папки src, а затем ставит точку останова или также вы можете вставить слово debugger в ваш код, и он остановит ваш код там, вот как я это делаю.