Module.css загружен успешно, но не определен ⇐ CSS

[Anonymous]

Я импортировал данные из модуля.css, однако они не определены.

Код: Выделить всё

import styles from "../css/basic-styles.module.css";
console.log(styles) // undefined.

Мой Basic-styels.module.css содержит данные

Код: Выделить всё

*{
outline: none;
}
.pageMoveIconInActive{
color: #BBBBBB;
cursor: default;
}

В Webpack.config.js есть правило

Код: Выделить всё

 module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
},
},
{
test: /\.css/,
use: [
"style-loader",
{
loader: 'css-loader'
}
]
},

и npm run dev выглядит так, будто показывает правильный журнал.

Код: Выделить всё

javascript modules 6.62 KiB
./src/components/FormPage.js 4.91 KiB [code generated]
./src/css/basic-styles.module.css 1.15 KiB [code generated]
./node_modules/css-loader/dist/cjs.js!./src/css/basic-styles.module.css 576 bytes [built] [code generated]
webpack 5.90.3 compiled successfully in 373 ms
assets by status 1.86 MiB [cached] 1 asset
cached modules 1.61 MiB (javascript) 2.4 KiB (runtime) [cached] 119 modules
./node_modules/css-loader/dist/cjs.js!./src/css/basic-styles.module.css 576 bytes [built]
webpack 5.90.3 compiled successfully in 54 ms

итак, где мне проверить?

Подробнее здесь: https://stackoverflow.com/questions/784 ... -undefined