@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" и всё ок. Но хотелось бы понять, почему появляется ошибка.