title: '$ not defined' | Server side rendering in Angular 6
body: <p>I have using Angular 6.0.3 and I am using <code>@ng-toolkit/universal</code> to archive server-side rendering. I am able to generate build successfully using this command '<code>npm run build:prod</code>' but I found the following issue while running this command <code>'npm run server': $ is not defined</code></p>
  
  <blockquote>
    <p>root@asif:/home/asif/projects/dp/df# npm run server</p>
    
    <p>dp@0.0.0 server /home/asif/projects/dp/df</p>
    
    <p>node local.js</p>
    
    <p>Listening on: <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a>
    ERROR ReferenceError: $ is not defined
        at HomeComponent.module.exports../src/app/home/home.component.ts.HomeComponent.ngOnInit (/home/asif/projects/dp/df/dist/server.js:124683:9)
        at checkAndUpdateDirectiveInline (/home/asif/projects/dp/df/dist/server.js:9341:19)
        at checkAndUpdateNodeInline (/home/asif/projects/dp/df/dist/server.js:10605:20)
        at checkAndUpdateNode (/home/asif/projects/dp/df/dist/server.js:10567:16)
        at prodCheckAndUpdateNode (/home/asif/projects/dp/df/dist/server.js:11107:5)
        at Object.updateDirectives (/home/asif/projects/dp/df/dist/server.js:124631:473)
        at Object.updateDirectives (/home/asif/projects/dp/df/dist/server.js:10896:72)
        at checkAndUpdateView (/home/asif/projects/dp/df/dist/server.js:10549:14)
        at callViewAction (/home/asif/projects/dp/df/dist/server.js:10790:21)
        at execEmbeddedViewsAction (/home/asif/projects/dp/df/dist/server.js:10753:17)</p>
  </blockquote>
  
  <p>that is the component file '<code>home.component.ts</code>'</p>
  
  <pre><code>ngOnInit() {
  
  $(document).ready(function () {
    var owl = $('#client');
    owl.owlCarousel({
      margin: 10,
      loop:true,
      autoplay: true,
      autoplayTimeout: 10000,
      autoplayHoverPause: true,
      pagination: true,
      navigation: true,
      animateOut: 'fadeOut',
      nav: true,
      dots: false,
      responsive: {
        0: {
          items: 1
  
        },
        600: {
          items: 2
        },
        1000: {
          items: 5
        }
      }
    });
  });
  }
  </code></pre>