CSS模块类名称未定义
CSS模块类名称未定义
提问于 2019-04-08 01:51:04
我尝试在我的项目中使用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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-08 02:04:21
在docs中，提到您必须按如下方式命名文件：
name.module.css
尝试将文件重命名为：Catalog.module.css，并按如下方式导入：
import styles from './Catalog.module.css';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55561983
复制相关文章
相似问题
腾讯云开发者
