Angular 6中添加Bootstrap 4报错：模块路径无法解析求助

我帮你拆解下这个报错的几个核心原因，以及对应的修复方案：

1. 路径引用错误（最常见原因） #

你的angular.json文件本身就位于项目根目录，而node_modules文件夹同样在根目录下。你写的../node_modules/bootstrap/dist/css/bootstrap.min.css里的../会让系统往根目录的上一级查找，这显然找不到目标文件。

正确的路径应该去掉前缀的../，直接从根目录的node_modules开始引用：

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],

2. Bootstrap未正确安装 #

虽然你执行了npm install bootstrap，但可能因为网络波动、权限问题或者安装中断，导致node_modules里并没有完整的Bootstrap文件夹。

你可以：

• 打开项目根目录的node_modules文件夹，检查是否存在bootstrap目录；
• 如果不存在，重新执行npm install bootstrap --save（加上--save会把Bootstrap写入package.json的依赖，避免后续丢失）。

3. 路径拼写错误 #

仔细检查路径中的文件名是否正确，比如有没有把bootstrap.min.css误写成bootstrap.css、boostrap.min.css（少了一个t）这类拼写错误，这类小失误也会导致找不到文件。

最后一步：重启服务 #

修改angular.json后，需要重启ng serve服务才能让新的配置生效，别忘记关掉当前的服务进程，重新执行ng serve --open。

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