正在加载css模块文件,但样式无效

正在加载css模块文件,但样式无效,css,webpack,css-modules,mini-css-extract-plugin,Css,Webpack,Css Modules,Mini Css Extract Plugin,在我的呈现html文档中 <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <

在我的呈现html文档中

<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="/Users/pidan/Learn/react-server-gen/local/test.css">
    
</head>
<body>
    <div id="app"><div><h1>Hello World</h1><div class="_2F8j58K4ITz-cXoLvfNF71">Home 123 456</div></div></div>
    <script src="/Users/xxx/Learn/react-server-gen/local/base.js" type="text/javascript"></script>
    <script src="/Users/xxx/Learn/react-server-gen/local/test.js" type="text/javascript"></script>

</body></html>
但是字体不是红色的,它让我困惑吗?为什么这种风格不起作用?css模块+网页包+迷你css提取插件

._2F8j58K4ITz-cXoLvfNF71 {
    color: red;
}

._1-wN9CUClzziPywkiVImwa {
    font-size: 14px;
}