问题：

** 1）我可以在MIME类型中添加文本/ scss吗？我正在使用Mac终端查看apache的MIME类型，但是看不到对scss或sass扩展的任何引用

2）为什么根本不应用我的样式？

3）不是优先事项，但是如果有人有答案，如何在默认样式之外自定义Foundation网站？

**

说明：

** 我没有做任何花哨的事情，只是尝试设置网页样式并学习Sassy CSS。我尝试自定义基础设置中提供的_.settings.scss文件，但更改未加载，现在甚至不使用默认样式。在Chrome开发者工具中，我看不到未应用或引用任何样式，并且页面看起来像简单的HTML。

我在Chrome的开发工具中遇到以下错误：

GameObject.FindWithTag("PlayerStatsMenu").activeSelf == false

HTML：

Refused to apply style from 'http://localhost:63342/MMM/scss/app.scss' 
because its MIME type ('application/octet-stream') is not a supported 
stylesheet MIME type, and strict MIME checking is enabled.
2news-magazine.html:1 

Refused to apply style from '..../foundation/scss/foundation.scss' 
because its MIME type ('application/octet-stream') is not a supported 
stylesheet MIME type, and strict MIME checking is enabled.
news-magazine.html:1 

Refused to apply style from 'http://localhost:63342/MMM/scss/app.scss' 
because its MIME type ('application/octet-stream') is not a supported 
stylesheet MIME type, and strict MIME checking is enabled.

**

**设置文件**

 <title>MMM</title>

 <link rel="stylesheet"  
 href="./bower_components/foundation/scss/foundation.scss" />
 <link rel="stylesheet"  href="./scss/app.scss" />

 <link rel="stylesheet" type="text/css="  
 href="./bower_components/foundation/css/foundation.min.css" />
 <link rel="stylesheet" type="text/css="  
 href="./bower_components/foundation/css/foundation-icons.css" />
 <script src="./bower_components/jquery/dist/jquery.js" ></script>
 <script src="./bower_components/modernizr/modernizr.js"></script>

 <link rel="stylesheet" type="text/css" href="./bower_components/font- 
 awesome/web-fonts-with-css/css/fontawesome.min.css"/>
 <script 
 src="./bower_components/foundation/js/foundation/foundation.js"> . 
 </script>
 <script src="./bower_components/foundation/js/
    foundation/foundation.equalizer.js">
 </script>



 </head>

谢谢您的帮助。请让我知道是否需要添加其他内容。

Answer 1

Sass不是客户端解决方案，您需要一些Sass / SCSS编译器，然后才能使用生成的css文件。

3个问题合二为一。

以下是一些工具：

https://getcrunch.co/
http://koala-app.com/
https://prepros.io/

VSCode之类的IDE也可以编译（使用扩展名）。

为什么我的Sassy CSS样式没有被应用？在Chrome Dev工具中使用Scss接收MIME类型错误

问题：

说明：

1 个答案: