Как отлаживать.ts файлы при запуске Ionic4/Capacitor на эмуляторе Android

Question

Я запускаю пример приложения Ionic4/Capacitor из студии Android с помощью эмулятора.

Я хочу иметь возможность отлаживать исходный код ts, но когда я открываю в chrome://inspect, как обычно, я просто нигде не вижу ts-файлы, просто js.

Я нашел этот пост, но использовал второе предложение, т.е.

Чтобы увидеть настоящий оригинальный файл ts во время отладки на Android, я исправил исходный код angular cli (у меня есть @angular/cli версия 7.0.0), чтобы использовать опцию inline-source-maps webpack. Для этого я изменил одну строку в файле node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js файл sourcemaps = 'eval'; to sourcemaps = 'inline-source-map';

до сих пор не работает для меня. Также было бы лучше, если бы нам не пришлось редактировать файл в node_modules?

Во всяком случае, мне нужно работать в эмуляторе, потому что я буду сильно полагаться на SQLite, но все равно придется отлаживать основное приложение (файлы ts).

Спасибо заранее за любые предложения!

Answer 1

Используйте решение, описанное здесь, тогда вы сможете построить проект с исходными картами.

Используя "Удаленную отладку Chrome", вы можете просматривать и отлаживать файлы сценариев как файлы.js, содержимое будет таким же.

это решение работает для меня для ionic4/ конденсатора, запущенного с эмулятором AVM студии Android.