如何通过 angular 原理图 webstorm 在库中创建组件

Question

我确实在 nx monorepo 中创建了一个 angular 项目。当我创建 UI 库时，我想使用“Angular 示意图...”（看图片）

但是当我使用“schematics/component”时，文件仍在我的应用程序上生成。

apps/project/src/app/test-component/..

我通过 npx create-nx-workspace@latest 生成了工作区并安装了 @nrwl/schematics 但仍然没有用。

此外，我确实向我的angular.json提供了此代码：

  "schematics": {
    "@nrwl/schematics:component": {
      "styleext": "scss"
    },
    "@nrwl/schematics:library": {
      "prefix": "test",
      "unitTestRunner": "jest",
      "framework": "angular",
      "style": "scss"
    },
    "@nrwl/schematics:application": {
      "unitTestRunner": "jest",
      "e2eTestRunner": "protractor"
    },
    "@schematics/angular:component": {
      "styleext": "scss",
      "spec": true
    },
    "@schematics/angular:directive": {
      "prefix": "mor"
    },
    "@nrwl/angular:component": {
      "style": "scss"
    }
  },
  "cli": {
    "defaultCollection": "@nrwl/schematics",
    "analytics": false
  }

我是不是忘了一些配置？在 webstorm 中使用 angular 原理图需要做什么。

Angular CLI: 11.0.5
Node: 12.18.3
OS: win32 x64

Angular: 11.0.5
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: <error>

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1100.5
@angular-devkit/build-angular   0.1100.5
@angular-devkit/core            11.0.5
@angular-devkit/schematics      11.0.5
@schematics/angular             11.0.5
@schematics/update              0.1100.5
rxjs                            6.5.5
typescript                      4.0.5

Answer 1

在终端的库目录中运行 ng g @schematics/angular:component 时，您将面临同样的问题；要获取在非默认项目中创建的组件，请尝试将 --project 选项传递给 ng g:

Answer 2

这个问题可能出现在 nx/nrwl 中。因为现在我用 angular 安装了 nx version@11.2.10 和 workspace。然后安装@nrwl/schematics(8.12.11)，一切正常。

如何通过 angular 原理图 webstorm 在库中创建组件

How to create component in libs via angular schematics webstorm

webstorm

monorepo

angular

nrwl-nx