CODEWITHSUNDEEP
javascriptangularnpmserver-side-renderingangular-universal
Chetan Patel
Chetan Patel

Reputation: 190

Angular SSR ERROR ReferenceError: Swiper is not defined

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

enter image description here

Upvotes: 0

Views: 479

Answers (1)

Kunjan
Kunjan

Reputation: 27

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>

Upvotes: 1

Related Questions