ng serve报错找不到webpack-subresource-integrity模块如何解决
问题原因
卸载bootstrap的时候包管理器处理依赖关系出错,要么把Angular CLI构建流程依赖的webpack-subresource-integrity包连带删除了,要么锁文件和本地node_modules里的实际依赖映射关系错乱,跑ng serve的时候找不到对应模块就直接抛出异常。
修复步骤
按顺序操作就能解决:
- 先清理损坏的依赖缓存:删掉项目根目录下的
node_modules文件夹,同时删掉你用的包管理器对应的锁文件:用npm就删package-lock.json,用yarn就删yarn.lock,用pnpm就删pnpm-lock.yaml - 重新安装全量项目依赖,对应自己用的包管理器执行命令:
- npm用户跑:
npm install - yarn用户跑:
yarn install - pnpm用户跑:
pnpm install
- npm用户跑:
- 如果上面两步做完还是报同样的错,单独补装缺失的包就行,npm用户执行:
npm install webpack-subresource-integrity --save-dev,用其他包管理器的换成对应安装命令即可 - 最后重新跑
ng serve,项目就能正常启动了
补充:之后装bootstrap别直接手动npm装包改配置,容易因为引入路径写错、配置不对导致样式不生效,直接用Angular官方适配的方式,执行
ng add @ng-bootstrap/ng-bootstrap,会自动帮你搞定依赖安装、配置引入全流程,少踩很多坑。
内容的提问来源于stack exchange,提问作者asem shaat
相关产品推荐
相关产品推荐

