Suppress "Circular dependency detected" suppress warning in Angular 6

It should be a problem, because it's like a recursive function with multiple components/modules. Ignoring the warning may cause a slow site, memory leaks, etc.

You may not notice anything at the moment, but it's bad practice, that you shouldn't get used to.

Here is an example, how your circular dependency could be resolved.

Edit:

If you want to disable the warning completely, you can do that by modifying your angular.json config file.

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

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

@Marcello is correct that is the corrrect path...however if running "ng serve" you need to make sure to stop (Ctrl+C) and restart it for your angular.json file to be loaded or you will still get the circular dependency warnings.

Here the right path into the angular.json file :

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