title: Angular 9 throwing errors when ngx-bootstrap is used
body: <p>I just upgraded my project to Angular 9 on 07FEB20 and ever since whenever I add a library (is that the right word?) (such as ngx-bootstrap or ngx-gallery, which i'm using in another project and they're fine) I get this error in my console upon ng serve: 
  <a href="https://i.stack.imgur.com/6sfRs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6sfRs.png" alt="enter image description here"></a></p>
  
  <p>I goes away when I uninstall said libraries, but that's obviously not helpful because I'm at a stalemate as to what I can do with my project now. </p>
  
  <p>Here are my imports: 
  <a href="https://i.stack.imgur.com/6gcAj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6gcAj.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/eLbj4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eLbj4.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to downgrade Angular to some version of 8? I've tried the <code>npm install -g @angular/cli@8.1.4</code> (my previous version) but it seems like that's not enough to actually revert the project as not all elements are reverted to the 8 version. </p>
  
  <p>I've been trying and Googling for 3 days and I'm at a loss as to how to integrate these libraries without errors coming up. </p>
  
  <p>Oh also, I'm getting errors when these libraries are installed about Renderer vs  Renderer2.  Even changing those so they parse doesn't help. I still get the "cannot read property 'id'" error. </p>
  
  <p><strong><em>EDIT</em></strong>:
  main.ts:
  <a href="https://i.stack.imgur.com/TwXBC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TwXBC.png" alt="enter image description here"></a></p>