<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配置文件有问题请帮帮我（eject命令后我没有在那里做任何更改）

这是 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: 1,
          modules: true,
          getLocalIdent: getCSSModuleLocalIdent,
        }),
 },