最近我们开发的百度小程序调用css失败。经过一番排查和调试，我们终于发现了问题所在。现在让我们与您分享我们的经验。
//wxss样式文件
。测试 {
红色;
}我们将上述样式文件放置在项目目录下的`pages/index/index.wxss`文件中。在页面中使用以下代码：
我是红色字体
但是我们期待的红色字体并没有出现在小程序页面中，而是默认的黑色字体。
经过一番排查后，我们重新打开微信开发者工具，查看控制台信息。我们发现一些不寻常的输出：
VM70:1 拒绝应用“xxx/pages/index/index.wxss”中的样式 因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型， 并启用严格的MIME检查。
异常信息表明文件的MIME类型异常，这也是CSS样式文件无法正确导入的原因。我们查看了服务器的文件类型，发现我们的服务器返回的是“text/html”文件类型，而不是正确的“text/css”。
我们将服务器上返回的 MIME 类型更新为“text/css”。当我们再次运行该小程序时，CSS 样式文件已正确加载并使用。
总结：当百度小程序调用CSS失败时，我们首先应该在微信开发者工具中查看控制台错误信息；如果MIME类型异常导致样式文件无法正确导入，则需要在服务器上更新文件类型。
