Компонент реакции не может найти мой класс CSS

avatar
software is fun
9 августа 2021 в 05:57
106
1
0
import { classes } from './DropdownMenu.module.css';

function DropdownMenu() {
    return(
        <div className={classes["dropdown"]}>

Я определил файл с именем DropdownMenu.module.css в том же каталоге, что и файл DropdownMenu.js

CSS в файле выглядит так

.dropdown {
    position: absolute;
}

Я не знаю, почему он не может его найти. Я пробовал использовать classes.dropdown, и это не помогло. Я также очистил кеш браузера и переустановил пакеты с помощью npm install.

Я получаю сообщение об ошибке

Невозможно прочитать раскрывающийся список свойства undefined

Источник
Danial
9 августа 2021 в 11:07
0

У вас все еще есть проблема?

Ответы (1)

avatar
Radu Diță
9 августа 2021 в 06:00
1

Вам нужен экспорт по умолчанию. Попробуйте импортировать его следующим образом:

import classes from './DropdownMenu.module.css';

и затем используйте его следующим образом:

<div className={classes.dropdown}>

software is fun
9 августа 2021 в 06:02
0

Спасибо. Сейчас 2 часа ночи, и я не могу поверить, что совершил эту ошибку!

Radu Diță
9 августа 2021 в 06:03
1

Я усвоил на собственном горьком опыте, что кодирование в 2 часа ночи — плохая идея, за исключением случаев, когда вы встаете в 13:00 :)