Not working with Capacitor 7: ionic cap run android -l --host=0.0.0.0

[Sampath-Lokuge]

ionic cap run android -l --host=0.0.0.0

After upgrading to Capacitor 7, the command ionic cap run android -l --host=0.0.0.0 is no longer working, whereas it functioned correctly with Capacitor 5. i.e., The app is not installed on the device.

capacitor.cmd sync android
[capacitor] √ Copying web assets from browser to android\app\src\main\assets\public in 8.03s
[capacitor] √ Creating capacitor.config.json in android\app\src\main\assets in 1.69ms
[capacitor] √ copy android in 8.11s
[capacitor] √ Updating Android plugins in 4.31ms
[capacitor] [info] Found 12 Capacitor plugins for android:
[capacitor]        @capacitor-community/[email protected]
[capacitor]        @capacitor-firebase/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @capacitor/[email protected]
[capacitor]        @sentry/[email protected]
[capacitor] √ update android in 1.54s
[capacitor] [info] Sync finished in 10.973s
> ng.cmd run app:serve --host=0.0.0.0 --port=8100
[ng] 
[ng] Warning: This is a simple server for use in testing or debugging Angular applications
[ng] locally. It hasn't been reviewed for security issues.
[ng] Binding this server to an open connection can result in compromising your application or
[ng] computer. Using a different host than the one passed to the "--host" flag might result in
[ng] websocket connection issues.
[ng]
[ng] ❯ Building...
[ng] ✔ Building...
[ng] Initial chunk files                   | Names                     |  Raw size
[ng] styles.css                            | styles                    |  59.75 kB | 
[ng] chunk-YEVIBGMF.js                     | -                         |  55.46 kB | 
[ng] main.js                               | main                      |  14.61 kB | 
[ng] chunk-CR4OBDPG.js                     | -                         |  11.29 kB | 
[ng] chunk-6UB4P2OU.js                     | -                         |  10.17 kB | 
[ng] chunk-CLTQLJAQ.js                     | -                         |   8.63 kB | 
[ng] chunk-CNTY2KS5.js                     | -                         |   7.63 kB | 
[ng] chunk-YAFIEYA2.js                     | -                         |   6.23 kB | 
[ng] chunk-LHI3F52B.js                     | -                         |   5.89 kB | 
[ng] chunk-265SVGB2.js                     | -                         | 942 bytes | 
[ng] polyfills.js                          | polyfills                 | 237 bytes | 
[ng]                                       | Initial total             | 180.83 kB
[ng] Lazy chunk files                      | Names                     |  Raw size
[ng] chunk-BB5BEUT7.js                     | -                         | 148.00 kB | 
[ng] expenses.module-R2AZ6C6S.js           | expenses-module           |  48.61 kB | 
[ng] fares.module-7FBSPESX.js              | fares-module              |  47.64 kB | 
[ng] home.module-6PGSR3GR.js               | home-module               |  41.12 kB | 
[ng] settings.module-IF5VE4DO.js           | settings-module           |  29.74 kB | 
[ng] extras.module-65QFHZ7Z.js             | extras-module             |  15.19 kB | 
[ng] archived-templates.module-ARTMI4FS.js | archived-templates-module |  12.51 kB | 
[ng] expense-templates.module-NGOBU5O3.js  | expense-templates-module  |  10.45 kB | 
[ng] fare-templates.module-3BBRVQBQ.js     | fare-templates-module     |   9.76 kB | 
[ng] auth.module-S467AUUF.js               | auth-module               |   8.54 kB | 
[ng] feedback.module-GNQJQMQ5.js           | feedback-module           |   7.70 kB | 
[ng] tabs.module-PE3ASETB.js               | tabs-module               |   6.84 kB | 
[ng] profile.module-3PBNONWF.js            | profile-module            |   3.48 kB | 
[ng] chunk-BF7IBSLX.js                     | -                         |   2.88 kB | 
[ng] chunk-AAPY3HZO.js                     | -                         | 444 bytes | 
[ng] ...and 1 more lazy chunks files. Use "--verbose" to show all the files.
[ng] Application bundle generation complete. [16.347 seconds]
[ng] ▲ [WARNING] 2 repetitive deprecation warnings omitted.
[ng] Run in verbose mode to see all warnings. [plugin angular-sass]
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng]   null
[ng] ▲ [WARNING] Deprecation [plugin angular-sass]
[ng]     src/theme/global.scss:27:8:
[ng]       27 │ @import './variables.scss';
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]
[ng]   More info and automated migrator: https://sass-lang.com/d/import
[ng]   The plugin "angular-sass" was triggered by this import
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng] ▲ [WARNING] Deprecation [plugin angular-sass]
[ng]     src/theme/global.scss:28:8:
[ng]       28 │ @import './fonts.scss';
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]
[ng]   More info and automated migrator: https://sass-lang.com/d/import
[ng]   The plugin "angular-sass" was triggered by this import
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng] ▲ [WARNING] Deprecation [plugin angular-sass]
[ng]     src/theme/global.scss:29:8:
[ng]       29 │ @import './sizes.scss';
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]
[ng]   More info and automated migrator: https://sass-lang.com/d/import
[ng]   The plugin "angular-sass" was triggered by this import
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng] ▲ [WARNING] Deprecation [plugin angular-sass]
[ng]     src/theme/global.scss:30:8:
[ng]       30 │ @import './miscellaneous.scss';
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]
[ng]   More info and automated migrator: https://sass-lang.com/d/import
[ng]   The plugin "angular-sass" was triggered by this import
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng] ▲ [WARNING] Deprecation [plugin angular-sass]
[ng]     src/theme/global.scss:31:8:
[ng]       31 │ @import './positions.scss';
[ng]          ╵         ^
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]          ╵         ^
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]          ╵         ^
[ng]          ╵         ^
[ng]          ╵         ^
[ng]          ╵         ^
[ng]          ╵         ^
[ng]   Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[ng]
[ng]   More info and automated migrator: https://sass-lang.com/d/import
[ng]   The plugin "angular-sass" was triggered by this import
[ng]     angular:styles/global:styles:1:8:
[ng]       1 │ @import 'src/theme/global.scss';
[ng]         ╵         ~~~~~~~~~~~~~~~~~~~~~~~
[ng]
[ng] Watch mode enabled. Watching for file changes...
[ng] NOTE: Raw file sizes do not reflect development server per-request transformations.
[ng]   ➜  Local:   http://localhost:8100/
[ng]   ➜  Network: http://192.168.8.113:8100/
[ng]   ➜  press h + enter to show help

package.json

{
  "name": "",
  "version": "1.5.24",
  "author": "",
  "homepage": "",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "lint": "ng lint"
  },
  "private": true,
  "dependencies": {
    "@angular/cdk": "20.1.5",
    "@angular/common": "20.1.6",
    "@angular/core": "20.1.6",
    "@angular/forms": "20.1.6",
    "@angular/platform-browser": "20.1.6",
    "@angular/platform-browser-dynamic": "20.1.6",
    "@angular/router": "20.1.6",
    "@capacitor-community/sqlite": "7.0.0",
    "@capacitor-firebase/authentication": "7.0.0",
    "@capacitor/android": "7.0.0",
    "@capacitor/app": "7.0.0",
    "@capacitor/camera": "7.0.0",
    "@capacitor/core": "7.0.0",
    "@capacitor/filesystem": "7.0.0",
    "@capacitor/haptics": "7.0.0",
    "@capacitor/ios": "7.0.0",
    "@capacitor/keyboard": "7.0.0",
    "@capacitor/network": "7.0.0",
    "@capacitor/preferences": "7.0.0",
    "@capacitor/splash-screen": "7.0.0",
    "@capacitor/status-bar": "7.0.0",
    "@ionic/angular": "8.7.2",
    "@sentry/angular": "9.38.0",
    "@sentry/capacitor": "2.1.0",
    "@types/lodash": "4.14.178",
    "dayjs": "1.10.7",
    "firebase": "11.2.0",
    "guid-typescript": "1.0.9",
    "lodash": "4.17.21",
    "native-run": "2.0.1",
    "rxjs": "7.5.0",
    "tslib": "2.8.1",
    "zone.js": "0.15.1"
  },
  "devDependencies": {
    "@angular-eslint/builder": "20.1.1",
    "@angular-eslint/eslint-plugin": "20.1.1",
    "@angular-eslint/eslint-plugin-template": "20.1.1",
    "@angular-eslint/template-parser": "20.1.1",
    "@angular/build": "20.1.5",
    "@angular/cli": "20.1.5",
    "@angular/compiler": "20.1.6",
    "@angular/compiler-cli": "20.1.6",
    "@angular/language-service": "20.1.6",
    "@capacitor/cli": "7.0.0",
    "@ionic/angular-toolkit": "11.0.1",
    "@sentry/cli": "2.20.7",
    "@types/node": "12.11.1",
    "@typescript-eslint/eslint-plugin": "8.39.1",
    "@typescript-eslint/parser": "8.39.1",
    "eslint": "9.33.0",
    "eslint-plugin-import": "2.32.0",
    "eslint-plugin-jsdoc": "54.0.0",
    "eslint-plugin-prefer-arrow": "1.2.3",
    "prettier": "2.5.1",
    "ts-node": "8.3.0",
    "typescript": "5.8.3"
  },
  "description": ""
}

capacitor.config.json

{
  "appId": "",
  "appName": "",
  "webDir": "www/browser",
  "loggingBehavior": "debug",
  "plugins": {
    "SplashScreen": {
      "launchAutoHide": false,
      "showSpinner": true
    },
    "FirebaseAuthentication": {
      "skipNativeAuth": false,
      "providers": ["apple.com", "google.com", "microsoft.com", "facebook.com"]
    }
  }
}

[Sampath-Lokuge]

This resolved my issue: https://capacitorjs.com/docs/guides/live-reload

i.e. Using with Ionic CLI