css - SCSS/SASS 没有映射/编译成 CSS

标签 css sass compass-sass adobe-brackets

我是 Sass 的新手,我正在尝试使用它。我喜欢 SMACSS 层次结构,并尝试将其合并到我的元素中,正如您在此处的图片中看到的那样,使用括号:

SMACSS Sass Snippet Overview

它通过我电脑上安装的 Ruby 编译。但是,无论我做什么,main.scss 文件都不会映射,也不会转换为 main.css 文件。 main.css 文件中唯一的东西是

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

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

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

但是,当我在多个文件夹中尝试使用相同的 _underscorefiles 链接到 styles 文件夹中的主 css 时,如上图所示,我什么也没得到。

我的 vendor 文件夹看起来像这样

enter image description here

更新 6/25/16

我制作了一个 font.scss 文件来指向包含我要使用的字体的文件夹和文件,并且它已编译!我仍然不明白为什么我的 main.scss 无法编译。文件中没有语法错误。 查看下面的字体文件

enter image description here

最佳答案

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

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

如果您在部分代码中的某处通过@import 调用“排版”,那肯定会停止编译并阻止对 main.css 的编译

关于css - SCSS/SASS 没有映射/编译成 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38026442/

相关文章:

ruby - 如何在 Windows 7 上正确安装 Compass?

javascript - 将 React 17 与 webpack 5 和 babel-plugin-react-css-modules(带有 stylename 的 css 模块)集成

jquery - 为什么 firefox 显示表格边框的方式与 IE 和 Chromium 不同?

sass - 使用 SASS 连接嵌套类

css - SASS :first-child not working selector

Ruby 在将 Codekit 用于 compass 时使用过多内存

css - @import 的 SASS/SCSS 自定义 css 表

javascript - 我想根据文本值更改表循环中文本的颜色

css - flex 的内框阴影

sass - 编译SCSS时出现误报 "undefined variable"错误