Исключая модуль для рендеринга на стороне сервера - Angular 8 Universal

Эй, я пытаюсь исключить пакет ngx-parallax из рендеринга на стороне сервера, так как он вызывает ошибки.

Теперь я прочитал это и создал новый файл app.browser.module.ts

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 { }

И я загружаю его в свой файл main.ts.

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', () => {
  platformBrowserDynamic().bootstrapModule(AppBrowserModule)
    .catch(err => console.error(err));
});

ParallaxModule теперь включен только в версию для браузера, но, похоже, он вообще не включен. Я продолжаю получать сообщение об ошибке, что используемая директива и конфигурация из ParallaxModule не включены:

Can't bind to 'config' since it isn't a known property of 'div'. ("photos/196659/pexels-photo-196659.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260)"
     parallax [ERROR ->][config]="{ratio: 0.5}"> ...

Но когда я добавляю ParallaxModule в файл app.module.ts, он работает, как и ожидалось! Что я делаю не так?