使用npm+Webpack整合Bootstrap 5.2.0遇导入异常，求解决方案

我正在用Webpack打包Web应用，但Bootstrap始终无法正常导入，已经花了好几个小时调试还是没解决。配置完Webpack后，应用功能还不如之前正常，同时一直出现报错（报错截图见下方）。

运行环境：Windows 11系统，Chrome浏览器

相关代码文件 #

webpack.config.js #

// 粘贴你的webpack配置代码

index.html #

// 粘贴你的HTML代码

index.js #

// 粘贴你的入口JS代码

package.json #

// 粘贴你的package.json配置

报错截图 #

报错截图

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