eslint 规则 @nrwl/nx/enforce-module-boundaries 失败

问题描述

当我最近将 Ng 代码库移植到 Nx 12.x 时，我对这条规则感到非常困惑。我希望这篇文章能帮助其他开始从 Ng 迁移到 Nx 的人。

上面的代码库是一个相当小的单一存储库，现在用于生产。在使用 Nx 时，遵循 monorepo 的建议是一个很好的做法，以便将来随着代码库的增长能够使用 monorepo 的好处。 （例如，我在这里避免了当前存储库中代码的过度暴露）。

我将上面的代码库放入 my-org/apps/my-small-repo。通过 linting 我对规则 @nrwl/nx/enforce-module-boundaries 的失败感到困惑。所以我尝试了映射 src/app 的 my-org/apps/my-small-repo 的不同可能性，其中编译器或 linter 都失败了。

所以我想出的最简单（嗯，也许是最好的？）解决方案如下：

就放

  "compilerOptions": {
    "baseUrl": "src"
  },

进入 apps/my-small-repo/tsconfig.json 的根目录，并将 apps/my-small-repo 中的所有导入替换为以 app 开头的导入。

DashboardComponent 的示例：

import { DashboardComponent } from 'app/components/dashboard/dashboard.component';

就是这样。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）