我正在尝试使用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文件夹中的任何资产都将被复制到"发行版"自动,可以在/ assets / path / to / asset。
找到
我链接样式表的代码如下所示:
<link rel="stylesheet" type="text/css" href="/assets/css/site.css" />
关于我还能错过什么的任何想法?
谢谢!
答案 0 :(得分:1)
这意味着您的服务器没有响应具有相应MIME类型的此css文件的请求。您可以通过请求CSS文件并查看原始响应(例如,在浏览器的开发人员工具中,或通过cURL)来演示。你想看到的是:
text/css
但是,鉴于错误,您将看到的是text/plain
默认情况下,资产管道配置为使用.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文件。