没有应用CSS文件

时间:2018-02-09 21:55:11

标签: html css go webpack asset-pipeline

我正在尝试使用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" />

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

谢谢!

1 个答案:

答案 0 :(得分: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文件。