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

问题描述

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

但是当我使用“原理图/组件”时，文件仍在我的应用中生成。

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 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

解决方法

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

,

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