angular - 在现有的 Angular 应用程序上添加 Nrwl Nx 后 ng g app 在错误的目录中添加应用程序

Question

我有一个现有的并且已经很强大的 Angular 应用程序，它是使用 Angular CLI 创建的。
按照说明找到here我把它变成了 Nrwl Nx 工作区。

我跑了

ng add @nrwl/schematics

它创建了一个 apps 和 libs 文件夹，在 apps 文件夹中有一个 my-app 和一个my-app-e2e，一切都很完美。

然后，按照说明找到here我跑了

ng g app another-app

期望在我的 apps 文件夹中创建一个应用程序，就像已经存在的应用程序一样，但它创建了一个 another-app 文件夹(使用 src 和 e2e 文件夹)在根级别，与 apps 和 libs 相同级别。

我的 angular.json 已正确更改，我可以通过它们的名称为这两个应用程序提供服务(ng s my-app 和 ng s another-应用程序)。

这是预期的行为吗？原因，如图here ，显然当您使用

创建项目时

create-nx-workspace

然后开始添加应用

ng g app another-app

所有应用程序都在 apps 文件夹中。

Answer 1

我最近遇到了非常相似的事情。我将列出步骤。

1.我使用以下命令创建了一个 nx 工作区
npm init nx-workspace devops-services-ui

2.我选择创建一个空的工作区(没有任何项目)

3.它创建了所需的文件和脚手架。

4.然后我打开 Angular 控制台并选择 Generate>Application。我传递了所需的参数值并单击“运行”

5.它创建了应用程序，但在与应用程序平行的自己的文件夹结构下(正如您提到的那样)..

6.此后我尝试了很多东西，然后注意到网上的例子都是以@nrwl/schematics 或@nrwl/angular 开头的，而在 Nodel_Modules/@nrwl 文件夹下，我只有“工作区”。

7.因此我推断，由于它无法找到合适的库，因此它正在寻找 @schematics 库来创建应用程序。并且在不适当的地方创建了它。

8.然后，我使用 npm 命令在本地安装了 @nrwl/schematics 和 @nrwl/angular 模块
npm install @nrwl/schematics
npm install @nrwl/angular

9.然后我重新打开 Angular 控制台，瞧，生成的应用程序现在也列出了新添加的 nrwl 库。

10.我以与以前相同的方式运行它，它在正确的文件夹路径中创建了项目..