You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 6编译报错:angular.json无法找到bootstrap.min.css

Angular 6编译报错:无法找到bootstrap.min.css的排查方案

我之前踩过这个坑!明明确认bootstrap.min.css就在指定目录里,Angular却一直报Module not found,折腾了好一阵才找到原因。结合你的情况,这几个方向大概率能解决问题:

  • 路径大小写不匹配
    虽然Windows系统默认不区分文件路径大小写,但Angular的编译进程(尤其是使用WSL、Linux环境或者CI构建时)会严格校验。比如你在angular.json里写的是bootstrap.min.css,但实际文件是Bootstrap.min.css,就会触发找不到文件的错误。
    ✅ 解决办法:仔细核对angular.json中配置的路径与node_modules里实际文件的大小写,完全保持一致。

  • angular.json配置格式或路径错误
    检查styles数组里的路径是否存在层级错误,比如漏写了dist目录(正确路径应该是node_modules/bootstrap/dist/css/bootstrap.min.css),或者JSON格式有语法错误(比如多了逗号、引号不闭合)。
    ✅ 解决办法:

    1. 把配置里的路径复制到文件管理器中,确认能直接打开目标文件;
    2. 用JSON校验工具检查angular.json的语法是否合法。
  • 依赖缓存或安装不完整
    有时候npm安装过程中会出现文件损坏、缓存残留的情况,表面看文件存在,但实际无法被正确读取。
    ✅ 解决办法:

    1. 删除项目根目录下的node_modules文件夹和package-lock.json文件;
    2. 运行npm cache clean --force清除npm缓存;
    3. 重新执行npm install安装所有依赖;
    4. 重启Angular开发服务:ng serve --open。
  • 相对路径与绝对路径混淆
    如果在angular.json中使用了相对路径(比如./node_modules/...),但项目根目录与配置文件的解析上下文不匹配,也会导致路径解析失败。
    ✅ 解决办法:直接使用从项目根目录出发的绝对路径,比如node_modules/bootstrap/dist/css/bootstrap.min.css,不需要添加./前缀。

  • Angular CLI版本不兼容
    Angular 6对应的CLI版本是@angular/cli~6.x.x,如果你的全局CLI版本和项目本地版本不匹配,可能会出现配置解析异常。
    ✅ 解决办法:

    1. 运行ng --version查看当前CLI版本;
    2. 安装对应版本的CLI:npm install @angular/cli@6.2.14 -g(6.x系列的稳定版本);
    3. 重新执行ng build或ng serve。

内容的提问来源于stack exchange,提问作者Urgen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 07:10:37