Импорт модулей CSS не работает, несмотря на правильную компиляцию

У меня проблема с импортом модулей css для реагирования компонента.

import React from 'react'
import styles from '../App.css'

const Button = () => (
    ... className={styles.button}...
)

export default Button;

Ошибок компиляции и тому подобного нет. Вроде все правильно, но когда я запускаю сервер, кнопка по умолчанию выглядит как без css.


reactjs javascript css react-css-modules
person Clausys Tom    schedule 19.09.2020    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вам необходимо использовать Модуль css должен иметь имя App.module.css

Затем импортируйте

import React from 'react';
import styles from './App.module.css';

И используйте className={styles.button}

person romadryud    schedule 19.09.2020

arrow_upward
0
arrow_downward

Вероятно, проблема в конфигурации вашего веб-пакета - поделитесь

Убедитесь, что в параметрах css-loader для параметра modules установлено значение true.

person AJ72    schedule 11.05.2021