Angular 6编译报错:angular.json无法找到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格式有语法错误(比如多了逗号、引号不闭合)。
✅ 解决办法:- 把配置里的路径复制到文件管理器中,确认能直接打开目标文件;
- 用JSON校验工具检查
angular.json的语法是否合法。
依赖缓存或安装不完整
有时候npm安装过程中会出现文件损坏、缓存残留的情况,表面看文件存在,但实际无法被正确读取。
✅ 解决办法:- 删除项目根目录下的
node_modules文件夹和package-lock.json文件; - 运行
npm cache clean --force清除npm缓存; - 重新执行
npm install安装所有依赖; - 重启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版本和项目本地版本不匹配,可能会出现配置解析异常。
✅ 解决办法:- 运行
ng --version查看当前CLI版本; - 安装对应版本的CLI:
npm install @angular/cli@6.2.14 -g(6.x系列的稳定版本); - 重新执行
ng build或ng serve。
- 运行
内容的提问来源于stack exchange,提问作者Urgen

