正在加载 css 模块文件，但样式不起作用

问题描述

在我的渲染 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文件在浏览器中加载如下：

._2F8j58K4ITz-cXoLvfNF71 {
    color: red;
}

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

但是字体不是红色的，弄得我一头雾水？为什么这种风格不起作用？ css 模块 + webpack + mini-css-extract-plugin。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-modules mini-css-extract-plugin webpack webpack

正在加载 css 模块文件，但样式不起作用

问题描述

解决方法

相关问答