Почему я не могу назначить мои переменные sass в моей файловой системе?

Question

Я практикую sass в своем редакторе кода.Когда я попытался скомпилировать файл sass и собрал наблюдателя.Я получаю:

Jiatongs-MacBook-Pro:6_myLandingPage_starter jiatongli$ sass --watch sass:css
Error: Undefined variable.
  background-color: $white
                    ^^^^^^
  sass/modules/_navbar.sass 3:21      @import
  sass/modules/_modules-dir.sass 1:9  @import
  sass/app.sass 3:9                   root stylesheet

Так как я не могу файлы здесь на стеке потока, я связываю свой репозиторий github:

https://github.com/riederleeDEV/SASS-project.git.

Этопохоже, что sass watcher не может перехватить мой импорт файлов, и я не знаю, где что-то пошло не так

Here is the command I used: sass --watch SASS:CSS(the command should not have any error)

После того, как я проверил файл, я обнаружил, что нет ничего плохого в импорте app.sass, ниопечатка.Просто хотите спросить, где я ошибся?

Answer 1

Попробуйте это:

                             <····  Move variables to top   
@import "base/base-dir"          |
@import "layout/layout-dir"      |
@import "modules/modules-dir"    |
                                 |
@import "variables"  ············
@import "mixins.sass"