Задать вопрос
@insomniamo

При стилизации компонента React не видны scss переменные подключенные модулем к index.js, в чем может быть проблема?

Добрый день!

Столкнулся с проблемой, что при стилизации компонента react возникает ошибка, что переменной не существует. Имеется style.scss, куда импортируются _varisbles, _generic, _fonts, _mixins, а уже данный style.scss импортируется в index.js. Пути верные, ибо те же самые дженерики работают, миксины тоже применяются. Проблема решается, если только импортировать переменные непосредственно в сам файл стиля компонента, но это костыль...
// style.scss
@import "/src/base/styles/variables";
@import "/src/base/styles/fonts.scss";
@import "/src/base/styles/mixins.scss";
@import "/src/base/styles/generic.scss";

@import "normalize.css";

// import "./base/style.scss"
import React from "react";
import ReactDOM from "react-dom";

import "/src/base/style.scss"

import App from "./components/App/App";

var mountNode = document.getElementById("app");
ReactDOM.render(<App />, mountNode);
  • Вопрос задан
  • 439 просмотров
Подписаться 2 Средний 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@shsv382
А код ошибки можете написать? Непонятно просто, про какую переменную ругается сборщик, про SCSS или JS. А ещё, насколько я знаю, для подключения модулем файл должен называться style.module.scss
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
06 дек. 2024, в 03:58
10000 руб./за проект
06 дек. 2024, в 02:20
5000 руб./за проект
06 дек. 2024, в 01:36
700 руб./за проект