title: Excluding module for server side rendering - Angular 8 Universal
body: <p>Hey im trying to explude the package <code>ngx-parallax</code> from server-side rendering since its causing errors.</p>
  
  <p>Now I read <a href="https://stackoverflow.com/questions/44330537/need-browseranimationsmodule-in-angular-but-gives-error-in-universal">this</a> and created a new <code>app.browser.module.ts</code> file</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { AppModule} from './app.module';
  import { AppComponent } from './app.component';
  import {ParallaxModule} from 'ngx-parallax';
  // other browser exlusive imports
  
  @NgModule({
    imports: [
      // browser exlusive imports
      ParallaxModule,
      AppModule
    ],
    bootstrap: [AppComponent]
  })
  export class AppBrowserModule { }
  
  </code></pre>
  
  <p>And im bootstrapping it in my main.ts file. </p>
  
  <pre><code>import { enableProdMode } from '@angular/core';
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  
  import { environment } from './environments/environment';
  import {AppBrowserModule} from './app/app.browser.module';
  
  if (environment.production) {
    enableProdMode();
  }
  
  document.addEventListener('DOMContentLoaded', () =&gt; {
    platformBrowserDynamic().bootstrapModule(AppBrowserModule)
      .catch(err =&gt; console.error(err));
  });
  
  </code></pre>
  
  <p>The ParallaxModule is now only included for the browser version but it appears not to be included at all. I keep getting the erro, that the used directive and config from the ParallaxModule is not included:</p>
  
  <pre><code>Can't bind to 'config' since it isn't a known property of 'div'. ("photos/196659/pexels-photo-196659.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260)"
       parallax [ERROR -&gt;][config]="{ratio: 0.5}"&gt; ...
  
  </code></pre>
  
  <p>But when I add the <code>ParallaxModule</code> to the app.module.ts file, it works like expected! What am I doing wrong?</p>