Angular SSR ERROR ReferenceError: Swiper is not defined

Question

I try to create a new project and add SSR to it and it works fine.

But when I try to add SSR to an existing project this error occurs

Answer 1

import { isBrowser } from 'angular2-universal';
  
  or 

// app.browser
@NgModule({
  providers: [
    { provide: 'isBrowser', useValue: true }
  ]
})

  
   
then inject from constructor

export class SomeComponent implements OnInit {
  constructor(@Inject('isBrowser') private isBrowser: boolean)
  ngOnInit() { 
    // example usage, this could be anywhere in this Component of course
    if (this.isBrowser) { 
      alert('we're in the browser!');
    }
}


<ng-container *ngIf="isBrowser">
   <!-- mqttws31-component -->
   <mqttws31-component></mqttws31-component> 
</ng-container>