Create a configuration for connecting to live reload with: ionic cordova emulate android -l -c local.

Create the file environment.local.emulator.ts. Then appli these changes to angular.json.

1. Add this snippet under project.app.architect.build.configurations:

   "local-emulator": {
     "fileReplacements": [
       {
         "replace": "src/environments/environment.ts",
         "with": "src/environments/environment.local.emulator.ts"
       }
     ]
   },

2. Add this under project.app.architect.serve.configurations:

   "local-emulator": {
     "browserTarget": "app:build:local-emulator"
   },

3. Add this under project.app.architect.ionic-cordova-build.configurations:

   "local": {
     "browserTarget": "app:build:local-emulator"
   }

4. Add this under project.app.architect.ionic-cordova-serve.configurations:

   "local": {
     "cordovaBuildTarget": "app:ionic-cordova-build:local",
     "devServerTarget": "app:serve:local-emulator"
   },

Enable connections to host PC through 10.0.2.2.

1. Add this under <platform name="android">

   <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
       <network-security-config>
           <domain-config cleartextTrafficPermitted="true">
               <domain includeSubdomains="true">10.0.2.2</domain>
           </domain-config>
       </network-security-config>
   </edit-config>