bug: iOS 14.5 apps not loading global Ionic Styles in emulator

Bug Report

Capacitor Version

Latest Dependencies:

  @capacitor/cli: 3.0.2
  @capacitor/core: 3.0.2
  @capacitor/android: 3.0.2
  @capacitor/ios: 3.0.2

Installed Dependencies:

  @capacitor/android: not installed
  @capacitor/cli: 3.0.2
  @capacitor/ios: 3.0.2
  @capacitor/core: 3.0.2

Platform(s)

iOS 14.5

Current Behavior

App is not loading Ionic Styles. Inspecting with Safari I can see the styles.css file is empty. EDIT: Inspecting from Safari in Simulator I get this error: Did not parse stylesheet at ‘capacitor://localhost/styles.css’ because non CSS MIME types are not allowed in strict mode.

Expected Behavior

App styling correctly

Code Reproduction

Clone the repo: https://github.com/mrussmup/stylesbugios145

run ionic capacitor build ios Run the app in a iOS 14.5 Simulator

Other Technical Details

npm --version output: 6.14.10 node --version output: 14.15.4 pod --version output (iOS issues only): 1.10.1

Additional Context

Developing on a Mac Air M1. Opening XCode with Rosetta

[jaufgang]

We have a team member experiencing the same problem as @Andorbal and @raminnoodle, He’s the only team member with an M1 Mac, and the only one experiencing this problem. Rosetta turned off. Works fine when running from Xcode, fails to load css when using cli.

@jcesarmobile can you re-open this issue until it is completely resolved?

[gbkwiatt]

I am having same issue. On Mac with M1 because some of the frameworks don’t support M1, I had to switch XCode to Rosetta. When I am doing that, project is missing all css when built.
It works fine in non Rosetta mode. I have cleared all project build folders etc. no joy