Question

我的浏览器对css的解释存在严重问题。我尝试了这里和互联网上提供的大多数解决方案。我检查了注册表，我的标题部分和其他... 我一直收到错误resource interpreted as Stylesheet but transferred with MIME type application/octet-stream。我试过IE，Opera，Chrome，Firefox。我在Windows 10 64bit，RubyMine IDE上工作，我尝试使用外部文件SCSS运行一个简单的html。

我的测试html文件：

<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="../src/buttons.scss" media="screen" />
</head>
<body>
<h2>CSS Buttons</h2>
<button class="success_button"> Button </button>
</body>
</html>

Scss文件：

// buttons

.success_button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

请帮助

Answer 1

我可能错了，但我认为您无法直接向浏览器提供.scss个文件。必须将其编译为.css以便浏览器解析/理解它。您可以在开发或部署时在构建作业中编译为.css，或者我相信有一种方法可以让服务器在提供SCSS之前对其进行解析。但我相信这就是问题 - 浏览器收到的文件扩展错误，并不确定如何处理它。

Answer 2

正如亚历山大所说，它需要编译成css。但是，你可能会问如何从scss转换为css？这是我在不同路线上几次失败尝试后发现的作品。

只需访问终端中存储scss文件的目录，然后输入：

sass --watch filename.scss:filename.css

注意：这是＆＃34;观看＆＃34;对于filename.scss的更改，您可能需要进行任意保存才能获取＆＃34;更改＆＃34;。

在短时间内，它将完成并在同一目录中自动填充filename.css（以及filename.css.map）。这是您要上传到服务器的.css文件。

Windows 10，资源解释为样式表但使用MIME类型application / octet-stream进行传输

2 个答案: