我可以在一个Nx工作区中同时为Angular和React应用程序使用NX CLI吗?

时间:2019-11-26 06:25:35

标签: angular reactjs angular-cli nrwl nrwl-nx

我尝试了以下操作,但出现了一些错误。

  1. 创建一个Nx工作区:npx create-nx-workspace@latest myworkspace,然后 选择使用Angular CLI
  2. 生成角度应用程序:yarn add --dev @nrwl/angular && yarn ng g @nrwl:angular:app myapp-ng 我可以看到angular.json类似于Angular CLI的工作区设置,并且yarn start/build都可以正常工作
  3. 添加反应能力:yarn add -D @nrwl/react
  4. 生成另一个React应用:yarn ng g @nrwl/react:app myapp-react 但是我收到以下错误,提示无法识别Nx工作区。

我想它正在尝试从workspace.json中找到工作区配置(一个空的Nx工作区具有这样的设置)。

这是Nx中的bug,还是在一个工作空间中同时包含Angular和React?我可以找到一些有关它的博客/文档...

更新:

好的,刚意识到我在这里犯了一个错误:(

在第4步中,我运行的是yarn nx g ...而不是ng g ...。然后,在NG CLI工作空间中使用nx命令时,会出现如下警告:

yarn nx g @nrwl/react:app react2 --dry-run
yarn run v1.12.3
$ nx g @nrwl/react:app react2 --dry-run

>  NX   NOTE  Nx didn't recognize the command, forwarding on to the Angular CLI.

实际上可以使用NG CLI成功创建react应用。而且,我认为警告是有道理的。

1 个答案:

答案 0 :(得分:1)

您使用的是哪个版本的NX?一切正常,请查看NX示例:https://github.com/nrwl/nx-examples

它使用:"@nrwl/angular": "8.4.0","@nrwl/react": "8.4.0",,并且包含两个应用程序:

  1. 小推车(反应式): Carts app - React
  2. 产品(角度): Products App - Angular