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;

私は何を間違っていますか？