Я пытаюсь использовать модули css в своем проекте. Я использую последнее приложение Create React с реагирующими сценариями версии 2.1.8. В документы написано, что я могу добавлять модули CSS, и мне не нужно выполнять скрипт извлечения.
Я пытался сделать то же самое, но мои стили пусты, а классы не определены. Вот код одного из моих компонентов:
import React, { Component } from 'react';
import styles from './Catalog.css';
class Catalog extends Component{
render() {
console.info('styles.catalog '+ styles.catalog); //returns: styles.catalog undefined.
return (
<div className = {styles.catalog}> //returns: <div>
...
</div>
)
}
Каталог.css:
.catalog {
min-width: 800px;
}





В документы упоминается, что вы должны назвать файл следующим образом:
[name].module.css
Попробуйте переименовать файл в: Catalog.module.css и импортируйте его следующим образом:
import styles from './Catalog.module.css';
Вы дважды проверили
pathсвоего модуля css?