creact-react-app - Как импортировать переменные Sass в файлы

Я использую приложение create-response-app и интегрировал в него Sass. Он компилируется нормально, проблема в том, что если я создаю переменную или миксин, использую ее в одном из моих файлов sass, а затем закрываю localhost и возвращаюсь позже и запускаю npm start, это выдаст мне ошибку, подобную этой:

введите здесь описание изображения

Файлы не распознают переменные (в данном случае миксин), которые находятся в файле с именем «base.scss».

У меня также есть файл index.scss, в который я импортирую все остальные компоненты .scss:

@import "./styles/base.scss";
@import "./styles/layout.scss";
@import "./styles/components/search-bar.scss";
@import "./styles/components/side-nav.scss";
@import "./styles/components/phone-navigation.scss";
@import "./styles/components/card.scss";
@import "./styles/components/pagination.scss";
@import "./styles/components/dropdown.scss";
@import "./styles/components/dashboard.scss";
@import "./styles/components/cast.scss";

В файле index.css я вижу скомпилированный код всех моих компонентов .scss, поэтому кажется, что он работает правильно, я вижу даже миксин в скомпилированном файле index.css.


person Gilbert R.    schedule 01.11.2018    source источник


Ответы (1)


Вы нашли ответ? Я думаю, что в приложении create-response-app вам нужно @import 'base' для каждого файла components.scss, иначе переменные не будут найдены.

person Jammar    schedule 07.07.2020