Если у кого-то возникает ошибка при переименовании файла App.css в App.scss
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0
Нужно выполнить:
npm uninstall node-sass
и затем:
npm install
node-sass@4.14.1Добавлено спустя 42 секунды:не получается обращаться к свойству css как к объекту массива, например:
css:
.AnswerItem.success {
background: rgba(161, 240, 69, .7);
}
.AnswerItem.error {
background: rgba(240, 87, 108, .7);
}
js: import classes from './AnswerItem.css'
import classes from './AnswerItem.css'
const cls = [const cls = [classes.AnswerItem]
if (props.state) {
cls.push(classes[props.state])
}]
if (props.state) {
cls.push(classes[props.state])
}
то есть у меня реально не видит classes.AnswerItem
кто-нибудь сталкивался? как решить эту проблему?
Добавлено спустя 5 минут 34 секунды: Oill писал(а):  |
Я попробовал этот курс. Как дело дошло до раздела "Практика" при подключении модуля CSS автор вносит правки в файлы webpack.config. На данный момент я таких файлов не нашёл (видимо, из-за новой версии React). Далее не представляю как можно проходить курс т.к. модули css не работают. Если кто знает, подскажите пожалуйста. |
Эти файлы появятся только после команды из терминала: npm eject или yarn eject
но все равно появившиеся файлы отличаются от тех, что в курсе, то есть у меня появился один файл webpack.config.js без разделения на dev и prod как в курсе, я сам задолбался решать эту проблему, забрал эти 2 файла из кода курса, но все равно не заработало.
Единственное решение, которое нашел, это изменить названия файла стилей на AnswerItem.module.css с последующим экспортом этого файла как import classes from "./AnswerItem.module.css";