Частичный импорт SASS не работает в ответ

Question

Я сейчас практикую изобретение SASS.Я сделал приложение реагировать, используя npx create-react-app.

Моя структура похожа на приведенную ниже.

src
├── test
│   ├── _index.scss
│   utils
│   ├── _index.scss
│   └── _mixins.scss
│
├── main.scss
...

И я импортировал scss файлы в main.scss.

@import "components";
@import "utils";

Однако это вызывает ошибку, и я понятия не имею, что я сделал не так.

Failed to compile.

./src/styles/main.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/styles/main.scss)
Module not found: Can't resolve './components' in '~/src/styles'

Answer 1

Ваш код должен быть

@import "./utils/_index";
@import "./utils/_mixins";

Вы должны указать относительный путь к файлу scss, иначе ваш код не будет работать