vue.js - Ionic vue app for iOS showing blank screen using Capacitor v3 in development server

Question

I could not able to load iOS app on the iOS simulator or device using the development server, tried almost all the possibilities and the following commands

ionic capacitor run ios -l --external
ionic capacitor run ios -l

For android ionic capacitor development server loading and working perfectly fine for both emulator and device but for iOS, it is returning the blank screen and the app is not loading.

I can execute ionic cap build ios from VScode and it build the production in xcode and run successfully for device and emulator, but it is really frustrating and time-consuming to do this practice from VScode to Xcode. I want the development server load in ios simulaltor or device

Following is the capacitor.config.json

  "appId": "com.xxx.xxxx",
  "appName": "appName",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "dist",
  "plugins": {
    "SplashScreen": {
      "launchShowDuration": 0
    }
  },
  "cordova": {},
  "server": {
    "url": "http://X.X.X.X:X", (server IP address comes here)
    "cleartext": true
  }
}

Following are the system configuration , please advice

Ionic CLI : 6.12.3 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 5.5.2

Capacitor:

Capacitor CLI : 3.0.0-beta.1
@capacitor/core : 3.0.0-beta.1

Utility:

cordova-res : not installed
native-run : 1.3.0

System:

NodeJS : v14.10.1 (/usr/local/Cellar/node/14.10.1/bin/node)
npm : 6.14.8
OS : macOS Big Sur

Xcode : Version 12.3 (12C33)

question from:https://stackoverflow.com/questions/65841502/ionic-vue-app-for-ios-showing-blank-screen-using-capacitor-v3-in-development-ser

Answer 1

Waitting for answers