為什么在sass / scss save上出現錯誤？

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";

那應該做的，祝你好運！