title: Angular 4 - Multiple instances of modules in memory
body: <p>We have a large <code>Angular 4</code> application using <code>lazy loading</code> along with the preloading strategy of <code>preloadAllModules</code>. We are using <code>Angular CLI</code>.</p>
  
  <p>While looking at a memory issue in the Chrome inspector, I noticed that we have multiple module instances everywhere.</p>
  
  <p><a href="https://i.stack.imgur.com/JQDEP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JQDEP.png" alt="enter image description here"></a></p>
  
  <p>If I am reading this right, we have 83 instances of <code>TranslateModule</code> and <code>HttpModule</code> etc...</p>
  
  <p>Only thing I can think of is that every <code>lazy loaded</code> module has its own root which needs to create its own module for that bundle?</p>
  
  <p>Is it possible to get rid of all these instances or is that just how it works?</p>