【问题标题】：Did not parse stylesheet at 'ionic://localhost/styles.css' because non CSS MIME types are not allowed in strict mode没有在“ionic://localhost/styles.css”解析样式表，因为在严格模式下不允许非 CSS MIME 类型
【发布时间】：2021-10-05 12:58:56
【问题描述】：
我正在开发一个跨平台的移动应用程序并使用离子和角度框架。我的应用在 iOS 模拟器和设备上运行良好。最近我买了一台带有 M1 芯片的新 Macbook Air。当我尝试在 M1 MacBook 上运行该应用程序时，出现以下错误。
Did not parse stylesheet at 'ionic://localhost/styles.css' because non CSS MIME types are not allowed in strict mode.
当我尝试在 Web 检查器中导航到 CSS 文件时，它显示“尝试加载资源时发生错误”。我是网络技术的新手，所以不知道如何解决它。我真的很感激任何帮助。谢谢你。
【问题讨论】：
标签：
css
ionic-framework
ios-simulator
apple-m1
strict-mode
【解决方案1】：
我在 M1 Mac 上也面临同样的问题。加载任何指向本地 ionic:// 的 CSS 文件都会给我同样的 mime 类型错误。
我发现一个解决方法是从示例服务器加载 CSS，它的 mime 类型是 text/css。使用 CDN URL 为我解决了开发问题。
var stylesheet = document.createElement("link");
stylesheet.rel = "stylesheet";
stylesheet.type = "text/css";
stylesheet.href = "https://cdn.xyz.cloud/myapp/build/main.css";
document.head.appendChild(stylesheet);
不是生产代码的解决方案，要在模拟器上继续开发。