Starten auf Gerät mit Live-Reload

Es gibt die Möglichkeit, dass du in der App, die auf deinem Gerät läuft, direkt mit Live-Reload deine Webfiles anzeigen kannst. Dazu musst du folgende Schritte befolgen:

Im package.json das start Script um --host 0.0.0.0 ergänzen

    ...
    "start": "ng serve --host 0.0.0.0",
    ...

In capacitor.config.ts den Server Block hinzufügen:

  ...
  server: {
    url: 'http://<IP-Adresse>:4200',
    cleartext: true
  }
  ...

  • Jetzt noch einmal npx cap sync ausführen

  • Mit npm start den lokalen Server starten

  • und die App in Android Studio / Xcode starten.

Last updated