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

Разбираемся в CSS
Ответить
Anonymous
 Module.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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»