Angular 6项目中angular-bootstrap-md依赖文件缺失报错求助

我来帮你解决这个Angular 6启动时遇到的文件缺失报错，这类问题大多是依赖安装不完整、缓存异常或者版本兼容性导致的，试试下面几个分步方案：

方案一：重新安装依赖（最常用的解决方法） #

有时候网络波动或npm缓存会导致部分依赖文件没有下载完整，通过以下步骤重置依赖：

• 先删除本地的node_modules文件夹：
  Windows系统执行：rmdir /s /q node_modules
  macOS/Linux系统执行：rm -rf node_modules
• 删除package-lock.json文件（如果用yarn则删除yarn.lock）：rm package-lock.json
• 清理npm缓存：npm cache clean --force
• 重新安装所有依赖：npm install

执行完这些步骤后，再运行ng serve看看报错是否消失。

方案二：调整angular-bootstrap-md版本 #

虽然6.3.0标注了支持Angular 6，但可能存在子版本的兼容性问题，你可以尝试锁定到同大版本的稳定子版本：

1. 修改package.json中的依赖项，将"angular-bootstrap-md": "^6.3.0"改为"angular-bootstrap-md": "6.2.0"
2. 重复方案一中的删除node_modules、package-lock.json和重新安装依赖的步骤
3. 再次启动项目验证

方案三：手动验证文件是否存在 #

如果上面两个方案都没解决，你可以手动检查依赖包的文件结构：

• 打开项目根目录下的node_modules/angular-bootstrap-md文件夹
• 查看是否存在fesm5目录，以及该目录下是否有angular-bootstrap-md.js文件
  • 如果这个目录或文件完全不存在，说明npm下载的包本身有问题，建议更换npm源后重新安装：

    npm config set registry https://registry.npmmirror.com/
    rm -rf node_modules package-lock.json
    npm install
    

方案四：检查Angular CLI构建配置（兜底检查） #

Angular 6使用angular.json作为配置文件，确保你的构建配置没有排除angular-bootstrap-md相关文件：

• 打开angular.json，找到build -> options -> scripts或styles配置项，确认没有错误地排除了该包的文件（一般默认配置不会出现这个问题，所以放在最后检查）

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