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

Question

我有一个使用 Angular CLI 创建的现有且已经很强大的 Angular 应用程序。
按照找到的说明 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-app）为这两个应用程序提供服务。

这是预期的行为吗？原因，如 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.我以与以前相同的方式运行它，并在正确的文件夹路径中创建了项目..