在Nx Workspace中添加Angular Material失败,求解决方法
在Nx Workspace中添加Angular Material的解决方案
问题场景
执行命令尝试添加Angular Material时遇到报错:
- 执行
nx add @angular/material,得到错误:
Cannot find project '@angular/material'
- 执行
npx nx g @angular/material:ng-add --project=groups-app,得到错误:
Unable to resolve @angular/material:ng-add.
Cannot find module '@angular/material/package.json'
解决步骤
1. 手动安装Angular Material依赖
先确保@angular/material和@angular/cdk已安装到项目中,执行以下命令:
npm install @angular/material @angular/cdk
如果使用Yarn:
yarn add @angular/material @angular/cdk
2. 运行Angular Material的初始化Schematic
依赖安装完成后,再次执行初始化命令并指定目标项目:
nx g @angular/material:ng-add --project=groups-app
额外排查点
如果仍有问题,可检查以下内容:
- 确认
groups-app是Nx Workspace中的Angular类型应用,而非其他框架项目 - 清理依赖缓存后重新安装:删除
node_modules、package-lock.json(或yarn.lock),再执行npm install(或yarn install) - 针对新版本Nx,尝试使用完整命令格式:
nx generate @angular/material:ng-add --project=groups-app --verbose,通过--verbose查看详细错误日志定位问题
内容的提问来源于stack exchange,提问作者Marcel
相关产品推荐
相关产品推荐

