I will save from posting source code because any app I try exhibits the same behavior (including the auto-generated boilerplate Ionic startup template apps).
When I attempt to run any Ionic app in Live Reload mode (using the VS Code Ionic extension to Run --> iOS and target my device), the app loads but I only get a blank white screen.
For Live Reload I am using an external IP which I can access using a browser and the app loads fine.
Here is the capacitor.config.ts:
{
"appId": "com.myorg.myapp",
"appName": "myapp",
"webDir": "www",
"bundledWebRuntime": false,
"loggingBehavior": "production",
"server": {
"iosScheme": "ionic",
"url": "http://192.168.0.49:8102"
}
}Using Safari Web Inspector I can connect to the device --> 'about:blank' whereas I SHOULD be able to connect to localhost. When I look at the elements in web inspector its as if there is nothing (just an empty html/head/body structure). Like this:
<html>
<head>
</head>
<body>
</body>
</html>No errors in the Web Inspector console.
No errors in Ionic output.
No errors displayed on the device.
Live reload on simulator works fine.
Deployment using Xcode to device and simulator works fine.
So the scenario is simple: ANY Ionic app I try to run Live Reload on by way of the Ionic VS Code extension load to the device but immediately show just a white screen.
I have removed and re-installed the Ionic official VS Code extension without effect.