ReactJS+Webpack5执行npm run serve时CSS样式无法加载求助

我用 ReactJS 结合 Webpack5 开发项目时，执行 npm run serve 启动本地服务后，页面完全没有加载 CSS 样式。已经尝试在 Webpack 的 CSS 规则中配置 style-loader + css-loader 的组合，还试过替换成 mini-css-extract-plugin，但所有方案都没生效。

以下是我的项目配置文件及问题相关截图：

webpack.config.js #

// 请粘贴你的 webpack.config.js 代码内容

package.json #

// 请粘贴你的 package.json 代码内容

问题截图 #

• 无样式渲染的页面效果
• Webpack 配置片段

希望能有人帮忙排查问题根源，给出可行的解决办法。

内容的提问来源于stack exchange，提问作者Zain Zahid