SCSS/SASS 没有映射/编译成 CSS答案

【问题标题】：SCSS/SASS no mapping/compiling into CSSSCSS/SASS 没有映射/编译成 CSS
【发布时间】：2016-06-26 12:41:53
【问题描述】：

我是一个非常新的 Sass 用户，我正在尝试开始使用它。我喜欢 SMACSS 层次结构，并尝试将其合并到我的项目中，正如您在此处的图片中看到的那样，使用括号：

它通过安装在我的电脑上的 Ruby 进行编译。但是，无论我做什么，main.scss 文件都不会被映射，也不会转换为 main.css 文件。 main.css 文件中唯一的内容是

/*# sourceMappingURL=main.css.map*/

我在网上搜索过，但没有找到答案。有没有 Sass 用户提供一些建议？

有趣的是，当我直接在供应商目录文件夹中制作了“robotodraft.scss”文件时，如此链接所示FontFaceKit RobotoDraft，它可以工作！内容会自动生成一个 css 和 css.map 文件！

但是，当我在多个文件夹中使用 _underscorefiles 尝试相同的操作时，如上图所示，链接到样式文件夹中的主 css，我什么也得不到。

我的供应商文件夹如下所示

更新 2016 年 6 月 25 日

我创建了一个 font.scss 文件来指向包含我想要使用的字体的文件夹和文件，并且它已编译！我仍然无法弄清楚为什么我的 main.scss 无法编译。文件中没有语法错误。 查看下面的字体文件

【问题讨论】：

您在main.css 文件所在的同一目录中实际上有一个文件main.css.map 吗？
可以，如图。它在“样式”文件夹中。
你真的需要解释你是如何编译你的 SCSS 的。如果你不确定，你可能不是。请确认您是如何准确编译 SCSS 的。然后我们可以继续进行故障排除
它是通过安装在我的 Windows 10 上的 Ruby 自动编译的。以防万一答案包括 Compass，我也使用 Ruby cmd 提示符安装了它。
据我了解，您试图说您的 sass 构建不正确。我们知道当你没有生成 css 文件时它没有正确构建，但是，我们还应该知道编译器告诉我们什么以便排除故障。没有一些错误输出是不可能帮助你的。文件太多，对问题的粗略描述以及您正在做什么来重新创建它。检查您的命令行，看看您是否收到任何错误。或者您将需要编辑您的问题以更清晰地展示问题

标签： css sass compass-sass adobe-brackets

【解决方案1】：

通常，当 SASS 无法编译时，这意味着某处存在语法错误。我不熟悉您使用的编辑器或您的 SASS 是如何预编译的，但请检查您的控制台或单个文件中的错误。

在 index.html 的第 17 行中有一个指向“styles/typography.css”的链接，我在您的文件夹结构中的任何地方都看不到它。同样，根据您的编译方式，这可能是也可能不是问题。

如果你在部分文件中的某处通过@import 调用“排版”，那肯定会停止编译并阻止 main.css 的编译

【讨论】：

对！我有一种感觉，这可能是一个语法错误问题，但是，无论我做什么，我什么都得不到。有趣的是，当我直接在供应商目录文件夹中制作了“robotodraft.scss”文件时，如此链接所示link，它可以工作！包含内容的 css 和 css.map 文件会自动生成！但是，当我在链接到样式文件夹中的主 css 的多个文件夹中尝试使用 _underscorefiles 时。我什么都得不到。为了清楚起见，我将更新原始帖子。
可能是部分本身的问题。由于我看不到这些内容，我不能告诉你——但你可以尝试注释掉 main.scss 中的每个部分（首先，并证明编译成功）然后一个一个地取消注释它们。当它中断时，您知道问题出在哪个文件中。您的 main.scss 文件应该像您处理 fonts.scss 文件一样工作。这对我来说看起来不错，这让我相信问题出在其中一个部分。狩猎愉快！

【解决方案2】：

您使用下划线 (_) 作为文件前缀，该前缀为部分 sass 保留（如 Ruby 中的 require 或 C 中的 include）...

确保去掉下划线或正确使用import 指令（可能是include 指令，我不记得我的头顶了）。

【讨论】：

【解决方案3】：

我从method 中找到了答案，这基本上就像为您在基于 Sass 的项目中使用的每个子文件夹放置一个大使文件。我在每个文件夹中使用了一个 index.scss 文件，该文件引用了每个文件夹中的所有文件，然后我只是使用正确的 @import 语法将这些索引文件导入到我的 main.scss 中。我不确定是什么导致它之前无法编译，但可以肯定地说，最好使用 Sass 架构保持简单和干净。

【讨论】：