Ionic和Angular 2 - 拒绝应用来自'http://localhost:8100/build/main.css'的样式，因为它的MIME类型（'text/html'）不被支持。
Ionic和Angular 2 - 拒绝应用来自'http://localhost:8100/build/main.css'的样式，因为它的MIME类型（'text/html'）不被支持。
我之前的Ionic构建一直运行得很完美，直到我想在我的iPhone上进行测试，所以我停止了服务器，执行了ionic serve --address localhost，然后我注意到我的样式表不再加载了...所以我再次关闭了服务器，回到ionic serve，但错误仍然存在...\n
\n(index):1 由于其MIME类型（\'text/html\'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查，因此拒绝应用来自\'http://localhost:8100/build/main.css\'的样式。\n
\n我尝试清除localhost:8100上的缓存并重新构建项目，但错误仍然存在...\n我该如何解决这个问题？\n
\n我最终解决问题的方式可能不是最好的...但至少它又可以工作了。我只是进入了我的应用的GitHub存储库，下载了main.css并将其粘贴到build文件夹中，自那以后就没有出现问题了。
在升级 webpack 后遇到了完全相同的问题。我的 webpack 版本是 ^3.11.0，然后升级到了 4.x.x，导致了很多问题。建议你降级 webpack，直到 ionic 支持较新版本的 webpack。
我认为这个问题需要更多的赞同，因为这似乎与 webpack 有关，按照 Goosen 的建议调整版本完美解决了问题。
根据上述内容，我们可以得出以下结论：
问题的原因是 webpack 的版本升级导致的。
解决方法是降级 webpack 的版本。
下面我们来详细解释一下。
在升级 webpack 的过程中，出现了一个和 webpack 相关的问题。具体表现为在加载样式表时出现了 MIME 类型不支持的错误。错误提示为“Refused to apply style from 'http://localhost:8100/build/main.css' because its MIME type ('text/html') is not a supported”。根据上述内容，我们可以得知这个问题是由于 webpack 版本升级引起的。
解决这个问题的方法是降级 webpack 的版本。上述内容中提到，将 webpack 的版本从 4.x.x 降级到 ^3.11.0 后，问题得到了解决。具体的降级方法可以参考上述内容中的建议。
总结起来，当遇到类似的问题时，我们可以考虑降级 webpack 的版本来解决。这是因为在升级 webpack 后，可能会出现一些兼容性问题。因此，通过降级 webpack 的版本，可以解决这类问题。希望本文对大家有所帮助。
在Ionic和Angular 2中，遇到"Refused to apply style from 'http://localhost:8100/build/main.css' because its MIME type ('text/html') is not a supported"的错误信息时，出现了以下问题和解决方法。
这个问题是由于MIME类型不受支持导致的。MIME类型是一种标准，用于识别互联网上的文件。在这种情况下，浏览器无法正确解析MIME类型为"text/html"的样式表文件。
解决这个问题的方法是在ionic serve的过程中进行一些更改和保存操作。根据在ionic框架论坛上发布的说明，只需在终端中输入"ionic serve"来运行项目，并且在任何.ts文件中进行更改并保存（按下"ctrl+s"），系统将自动重新构建并提供应用程序，从而解决错误。
需要注意的是，这个解决方法需要在每次初始运行ionic serve时都进行操作，以确保错误得到解决。
更多详细信息可以在论坛上查看完整答案：这里。