React 16.13.1中引入bootstrap-dark-5样式文件失败求助

• 核心原因：路径错误
  你使用的./bootstrap-dark.scss是相对当前src/assets/目录的路径，但bootstrap-dark-5的样式文件并不在这个目录下——通过npm安装的第三方包默认存放在项目根目录的node_modules/文件夹中，相对路径无法定位到这里的文件。

• 正确导入方式
  直接通过包名导入对应样式文件即可，无需手动写相对路径。根据bootstrap-dark-5的包结构，推荐两种导入方式：

  1. 导入未编译的scss源文件（需依赖sass，你已安装）：

     @import 'bootstrap-dark-5/src/bootstrap-dark';
     

  2. 导入编译后的压缩css文件：

     @import 'bootstrap-dark-5/dist/css/bootstrap-dark.min.css';
     

• 额外验证步骤

  • 检查项目根目录的node_modules文件夹中是否存在bootstrap-dark-5目录，如果没有，重新执行npm install bootstrap-dark-5确保包安装完整
  • 你使用的react-scripts 3.4.3版本默认支持直接从node_modules导入样式文件，无需额外配置webpack路径别名

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