我尝试在我的项目中使用 css 模块。我正在使用带有 react-scripts 版本 2.1.8 的最新 Create React App。
在 docs它说我可以添加 CSS 模块,而且我不必执行弹出脚本。
我试图以同样的方式做,但我的样式是空的,类是未定义的。
这是我的一个组件的代码:
import React, { Component } from 'react';
import styles from './Catalog.css';
class Catalog extends Component{
render() {
console.log('styles.catalog '+ styles.catalog); //returns: styles.catalog undefined.
return (
<div className={styles.catalog}> //returns: <div>
...
</div>
)
}
目录.css:
.catalog {
min-width: 800px;
}
最佳答案
在 docs ,提到您必须将文件命名如下:
[name].module.css
尝试将文件重命名为:
Catalog.module.css
并像这样导入它:import styles from './Catalog.module.css';
关于reactjs - CSS 模块类名未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55561983/