我尝试在我的项目中使用css模块。我正在使用最新的Create React App和react-scripts 2.1.8版。在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>
)
}
Catalog.css:
.catalog {
min-width: 800px;
}
在docs中,提到您必须将文件命名如下:
[名] .module.css
尝试将文件重命名为:Catalog.module.css
并将其导入如下:
import styles from './Catalog.module.css';