Angular项目执行ng serve --open启动报错找不到bootstrap模块如何解决

这个报错是Angular构建时找不到指定的bootstrap依赖文件导致的，触发原因通常有两个：

• 项目的angular.json配置中已经引入了bootstrap的样式或脚本资源，但你没有在项目中安装bootstrap依赖包
• 拉取其他人员提交的项目后，没有完整安装所有依赖包，导致node_modules目录下缺失bootstrap相关文件

• 第一步：进入项目根目录（也就是报错提示中的C:\college\COMP228-Project-main\COMP228-Project-main\client目录），在终端执行命令安装bootstrap依赖：

  npm install bootstrap
  

  如果你使用yarn作为包管理器，替换为以下命令即可：

  yarn add bootstrap
  

• 第二步：检查angular.json文件中的bootstrap引入路径是否正确，路径配置项位于architect > build > options > styles数组中，标准的引入格式如下：

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

• 第三步：配置确认无误后，重新执行启动命令即可正常运行项目：

  ng serve --open
  

如果按照上述步骤操作后仍报错，可以删除项目根目录下的node_modules文件夹、package-lock.json（或yarn.lock）文件，重新执行npm install安装全部依赖后再启动项目。

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