抑制“检测到循环依赖”抑制Angular 6中的警告答案

【问题标题】：Suppress "Circular dependency detected" suppress warning in Angular 6抑制“检测到循环依赖”抑制Angular 6中的警告
【发布时间】：2018-11-20 18:12:54
【问题描述】：

我收到警告

检测到循环依赖！

在Angular 6中，我知道为什么会出现这个问题，但这根本不是问题。

我目前正在使用 SVG，在我的逻辑中我会防止可能出现的问题，所以我只想取消这个警告。我该怎么做？

我会在之后解决这个问题，但现在我想保留它，因为我的代码以这种方式更加结构化。

【问题讨论】：

欢迎来到 Stackoverflow。在提出问题时，如果您提供代码，您将获得更好的答案。添加您迄今为止尝试过的内容。也请查看How to create a Minimal, Complete, and Verifiable example
以防万一这对任何人都有帮助，即使设置了正确的 showCircularDependencies 选项，我也遇到了同样的问题，但我使用的是 custom-webpack。如果您使用的是 Angular 8 和 custom-webpack，请查看 github.com/just-jeb/angular-builders/issues/422

【解决方案1】：

这应该是个问题，因为它就像一个带有多个组件/模块的递归函数。忽略警告可能会导致网站变慢、内存泄漏等。

您目前可能没有注意到任何事情，但这是不好的做法，您不应该习惯。

Here 是一个示例，说明如何解决循环依赖关系。

编辑：

如果你想完全禁用警告，你可以通过modifying你的angular.json配置文件来做到这一点。

"defaults": {
    "apps": {
      "showCircularDependencies": false
    }
    "build": {
      "showCircularDependencies": false
    }
  }

【讨论】：

【解决方案2】：

这里是 angular.json 文件的正确路径：

projects -> architect -> options - > "showCircularDependencies": false

【讨论】：

注意，这也适用于使用 nx 的 react 项目。唯一的区别是文件名为workspace.json 而不是angular.json。连这个大json里的路径都是一样的。
另外，如果您担心丢失警告，您可以配置特定于生产的环境，并将其添加到其中。 angular.io/guide/build#configuring-application-environments 而不是 architect -> build -> options -> "showCircularDependencies": false 你可以这样做：architect -> build -> configurations -> myprodenvname -> "showCircularDependencies": false
虽然您需要使用版本 8 或更高版本。

【解决方案3】：

项目 -> 架构师 -> 选项 -> "showCircularDependencies": false

@Marcello 是正确的，这是正确的路径...但是，如果运行“ng serve”，您需要确保停止 (Ctrl+C) 并重新启动它以加载 angular.json 文件，否则您仍然会获取循环依赖警告。

【讨论】：