Blank project gives white screen with capacitor

Appflow
1

I just started a new blank angular based Ionic app out of curiosity.

I used the command below: ionic start blanktest blank --type=angular

During the install process the tool asks me if i want to install Capacitor too. If i say no than let the install finish i can run: ionic cordova emulate ios This command will add the IOS platform than build the blank starter app and open it in an ios emulator.

If I start another install with the same method and different app name and i install Capacitor too, the following happens:

Ionic installs the blank project successfully.Than i run: ionic capacitor run ios Which adds the ios platform and opens up the xcode. From there if i hit the emulate button it compiles without any error, the emulator starts but after the splash screen with the capacitor logo i only see white screen. No errors or anything in the console. I’m still using the unmodified blank codebase from ionic start.

Why is this happenin?

2

I’ve just run into the same issue. I’m battling to get an existing project working with the whitescreen issue, so I thought i’d start a new project and test adding plugins one by one, but a blank ‘tabs’ project does not work. Runs fine in browser, but on ios just loads a blank white screen.

I’m trying to run on iPhone SE 2nd Gen emulator, but have also tried running on my iPhone 8 on iOS 13.4.1
No errors in web inspector.

I can’t find any errors that would be causing this.

XCode logs from emulator show:

2020-06-03 01:14:05.823267+0200 App[27088:1573333] WF: === Starting WebFilter logging for process App

2020-06-03 01:14:05.823933+0200 App[27088:1573333] WF: _userSettingsForUser : (null)

2020-06-03 01:14:05.824307+0200 App[27088:1573333] WF: _WebFilterIsActive returning: NO

Loading network plugin

2020-06-03 01:14:05.999428+0200 App[27088:1573333] CAPKeyboard: resize mode - native

:zap: Loading app at capacitor://localhost…

Reachable via WiFi

APP ACTIVE

:zap: WebView loaded`

XCode logs from iPhone 8:

2020-06-03 01:28:24.675782+0200 App[30530:8658073] WF: === Starting WebFilter logging for process App

2020-06-03 01:28:24.675836+0200 App[30530:8658073] WF: _userSettingsForUser mobile: {

filterBlacklist = (

);

filterWhitelist = (

);

restrictWeb = 1;

useContentFilter = 0;

useContentFilterOverrides = 0;

whitelistEnabled = 0;

}

2020-06-03 01:28:24.675869+0200 App[30530:8658073] WF: _WebFilterIsActive returning: NO

Loading network plugin

2020-06-03 01:28:24.790863+0200 App[30530:8658073] CAPKeyboard: resize mode - native

:zap: Loading app at capacitor://localhost…

Reachable via WiFi

APP ACTIVE

:zap: WebView loaded

2020-06-03 01:28:27.491126+0200 App[30530:8658073] Received memory pressure event 4 vm pressure 1

Received memory pressure event 4 vm pressure 1

3

@sanyos07 Ok so i found the issue on my side. Maybe its the same for you?

make sure you’re using:

ionic build --aot
npx cap sync

and in your capacitor.config.json have:

"webDir": "www",

The problem on my end was i was syncing the ‘src’ directory and not doing the --aot build.

Hope this helps!