首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS模块类名称未定义

CSS模块类名称未定义
EN

Stack Overflow用户
提问于 2019-04-08 01:51:04
回答 1查看 2.9K关注 0票数 3

我尝试在我的项目中使用css模块。我正在使用最新的Create React App和react-scripts版本2.1.8。在docs中,它说我可以添加CSS模块,而我不需要做弹出脚本。

我也尝试过同样的方法,但是我的样式是空的,类也没有定义。下面是我的一个组件的代码:

代码语言:javascript
复制
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:

代码语言:javascript
复制
.catalog {
  min-width: 800px;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-08 02:04:21

docs中,提到您必须按如下方式命名文件:

name.module.css

尝试将文件重命名为:Catalog.module.css,并按如下方式导入:

代码语言:javascript
复制
import styles from './Catalog.module.css';
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55561983

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档