没有应用CSS文件

Question

我正在尝试使用Buffalo构建网络应用 但是我很难弄清楚为什么我的site.css文件没有被应用。

我在Chrome上遇到的错误是：

Refused to apply style from 'http://localhost:3000/assets/css/site.css' because its MIME type ('text/plain') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我已尝试查看docs了解Buffalo如何管理资产，并说：

  

放置在/ assets文件夹中的任何资产都将被复制到＆＃34;发行版＆＃34;自动，可以在/ assets / path / to / asset。

找到

我链接样式表的代码如下所示：

<link rel="stylesheet" type="text/css" href="/assets/css/site.css" />

关于我还能错过什么的任何想法？

谢谢！

Answer 1

这意味着您的服务器没有响应具有相应MIME类型的此css文件的请求。您可以通过请求CSS文件并查看原始响应（例如，在浏览器的开发人员工具中，或通过cURL）来演示。你想看到的是：

text/css

但是，鉴于错误，您将看到的是text/plain

根据Buffalo documentation：

  

默认情况下，资产管道配置为使用.scss文件，其中/assets/css/application.scss作为主要入口点。当然，这可以改变。

我建议您采用默认方案use SCSS，然后使用the Buffalo asset helper：

  

stylesheetTag - 此帮助程序将为请求的CSS文件生成样式标记。示例：<%= stylesheetTag("application.css") %>会返回类似<link href="/assets/application.bd76587ded82386f388f.css" media="screen" rel="stylesheet" />

的内容

但如果您不希望这样做，您可以查看使用Buffalo提供CSS文件的其他配置，或者在没有它的情况下绕过Buffalo并提供CSS文件。