在 Angular 6 中抑制"Circular dependency detected"禁止警告

Question

我收到警告

检测到循环依赖！

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

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

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

Answer 1

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

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

Answer 2

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

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

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

编辑：

如果要完全禁用警告，可以通过修改angular.json配置文件来实现。

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

Answer 3

项目 ->

架构师 ->选项 -> "showCircularDependencies"： false

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

Answer 4

如果您使用的是使用角度构建器的自定义 webpack 配置，这里有一个解决方法： https://github.com/just-jeb/angular-builders/issues/422

config.plugins = config.plugins.filter(plugin => !(plugin instanceof CircularDependencyPlugin));
config.plugins.push(
new CircularDependencyPlugin({
exclude: /node_modules|shared/
})
);

我还建议使用第一行删除插件，因为此功能在较新的角度版本中已弃用