You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Nx Workspace中添加Angular Material失败,求解决方法

在Nx Workspace中添加Angular Material的解决方案

问题场景

执行命令尝试添加Angular Material时遇到报错:

  1. 执行 nx add @angular/material,得到错误:

Cannot find project '@angular/material'

  1. 执行 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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 18:20:47