sass - 为什么我在 sass/scss 保存时出现错误？

Question

我正处于建立项目的初始阶段，并希望适当地构建我的 sass 文件。

这是我的结构：

/css
  style.scss
  /partials
    _colors.scss

在 style.scss

@import 'partials/_colors';

body {
  background-color: $mainBgColor;
}

在 _colors.scss

$mainBgColor: #eee;

当我尝试保存 style.scss 时，我在保存时收到错误...检查文件的语法或类似的东西。

事实上，这些@import 指令中的每一个都会产生错误：

@import 'partials/_colors.scss';
@import '_colors.scss';
@import '_colors';
@import _colors;

我究竟做错了什么？

Answer 1

尝试删除文件名上的下划线和扩展名，如下所示：

@import "partials/support";
@import "colors";

应该这样做，祝你好运！