search

ionic-team / ionic-v1

The repo for Ionic 1.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
192 stars 187 forks source link

CSS not loading on ionic-v1 projects using Macs with M1 chip (Apple Silicon) #415

Closed ricardosohn closed 3 years ago

ricardosohn commented 3 years ago

Short description of the problem:

Recently I've got a M1 mac for work on my company ionic-v1 app. Then after the build, I've realized no CSS was applied to the project at all. Not even ionic's. I've tried running both in a physical device & emulator, both with the same issue.

When I inspect, the css files are not loaded properly, then tried hitting the "reload" button on the inspect window, which showed me this error in console: "Did not parse stylesheet at 'ionic://localhost/lib/ionic/css/ionic.css' because non CSS MIME types are not allowed in strict mode." I've made another test, creating another application with newer ionic, used cordova, same cordova-ios version and it works. That's why im opening this issue here. Let me know if this is not the place.

What behavior are you expecting?

CSS Files loading properly

Steps to reproduce:

  1. Create a new blank ionic-v1 project
  2. Add cordova ios platform (ionic cordova platform add ios@5.1.1): Tested with the 5.1.1 cordova-ios
  3. Build & deploy to emulator

Which Ionic Version? 1.x

Run ionic info from terminal/cmd prompt: Ionic:

Ionic CLI : 5.4.16 (/Users/macmini/.nvm/versions/node/v10.16.0/lib/node_modules/ionic) Ionic Framework : ionic1 1.3.4 @ionic/v1-toolkit : 1.0.22

Cordova:

Cordova CLI : 10.0.0 Cordova Platforms : ios 5.1.1 Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 4 other plugins)

Utility:

cordova-res : 0.15.3 native-run : 1.3.0

System:

ios-deploy : 1.11.4 ios-sim : 8.0.2 NodeJS : v10.16.0 (/Users/macmini/.nvm/versions/node/v10.16.0/bin/node) npm : 6.9.0 OS : macOS Big Sur Xcode : Xcode 12.5 Build version 12E5244e