小编Sha*_*med的帖子

我<main>在react组件中有一个div，并且从类css文件中导入了一些类名，但是当我尝试在浏览器中检查它时，该类名没有集成到主div中。当我只是简单地使用其他类名时，它的工作方式就像，<main className="test">但是导入类是行不通的。

这是我的组件：

import React from 'react';
import Aux from '../../hoc/Aux';
import classes from './Layout.css';

const layout = (props) => (
<Aux>
    <div>
        Test paragraph
    </div>
    <main className={classes.Content}>
        {props.children}

    </main>
</Aux>
);

export default layout;

这是我的CSS

.Content{
   color: red;
   margin-top: 20px;
}

npm run eject创建后我做了命令，如果与webpack配置文件有关，请帮助我（弹出命令后我还没有进行任何更改）

这是webpack开发配置文件的css部分

{
        test: cssRegex,
        exclude: cssModuleRegex,
        use: getStyleLoaders({
          importLoaders: 1,
        }),
      },
      // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
      // using the extension .module.css
      {
        test: cssModuleRegex,
        use: getStyleLoaders({
          importLoaders: …