将角度材质添加到 Nx 工作区

Question

我想将角度材料添加到我的 nx 工作空间中。

角度材料文档（https://material.angular.io/guide/getting-started）说我应该运行ng add @angular/material。

我已经在我的 nx 工作区的根目录、我想要将其添加到的应用程序文件夹以及我想要将其添加到的 lib 项目文件夹中尝试过。在所有情况下我都会收到消息 The add command requires to be run in an Angular project, but a project definition could not be found.

Angular Material 文档曾经包含有关如何手动添加依赖项的说明，但我再也找不到了。现在有谁知道如何将其添加到 Nx 工作区中的项目中吗？

Answer 1

npx nx g @angular/material:ng-add --project=my-project-name是您需要在 Nx 工作区中运行的命令。

不要忘记包含项目名称，否则您会看到错误。

此外，如果您仍然遇到错误，请尝试回答有关和 的no问题。Set up global Angular Material typography stylesSet up browser animations for Angular Material

免责声明：另一位成员已经在评论中正确回答，但我认为应该固定像这样的简单答案。

Answer 2

如果您创建了一个没有 angular.json 的空工作区，那么您将拥有一个workspace.json，我认为这几乎是相同的。

假设您已经生成了一个 agular 应用程序：

1. 安装角度材质库：yarn add @angular/material

2. 要从 nx 控制台查看可用命令：nx list @angular/material

3. 要将角度材质添加到默认项目：nx generate @angular/material:ng-add

附言。可能它会在未找到/安装 nx 时抛出错误。yarn add -g @nrwl/cli。我认为可以将角度材料添加到另一个项目中，但还没有尝试过

https://github.com/nrwl/nx/issues/3779#issuecomment-751136586

Answer 3

npm install @angular/material && npx nx g @angular/material:ng-add

Then follow the same as material docs

Answer 4

npm i @angular/material && npx nx g @angular/material:ng-add --project=my-project-name

应该可以做到这一点。

Answer 5

查找 Nx 角度材质插件

nx 列表@Angular/Material

在开发依赖项中安装插件

npm install -D @角度/材料