@illiatovpeko
Самолепный ВебдевелопЁр

SCSS: почему выдаёт ошибку при попытке импортировать компонент?

@import "/node_modules/materialize-css/sass/components/color-variables";


Вот так вот выбираю нужный компонент с помощью всплывающих подсказок - после слэша появляется директория с перечнем других директорий или файлов, так что ошибиться в адресе нельзя.
Работаю с VS Code, запущен Live Server, происходит автоматическая конвертация из SCSS в CSS при сохранении и вот во время этого выдаёт ошибку:

Error: File "f:\node_modules\materialize-css\sass\components\color-variables" not found
        on line 5 of sass/f:\projects\woodworks\src\scss\main.scss
>> @import "/node_modules/materialize-css/sass/components/color-variables";


Это - первая строка импортов, за ней идут другие.

Вот пример содержимого указанного компонента:

$purple: (
  "base":       #9c27b0,
  "lighten-5":  #f3e5f5,
  "lighten-4":  #e1bee7,
  "lighten-3":  #ce93d8,
  "lighten-2":  #ba68c8,
  "lighten-1":  #ab47bc,
  "darken-1":   #8e24aa,
  "darken-2":   #7b1fa2,
  "darken-3":   #6a1b9a,
  "darken-4":   #4a148c,
  "accent-1":    #ea80fc,
  "accent-2":    #e040fb,
  "accent-3":    #d500f9,
  "accent-4":    #aa00ff
);


Не смотря на эту ошибку, могу инлайново прописывать классы, к примеру, class = "purple base" и всё ок. Но хотелось бы понять, почему появляется ошибка.
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы