Window is not defined error even after using isBrowser #1099

New Issue

fergalmoran · 2025-08-09T17:18:52Z

fergalmoran commented

2025-08-09 17:18:52 +00:00

Originally created by @raberana on 1/19/2017

I added slick.js to my project.

entry: {
        vendor: [
            ....
            'jquery',
             ....
            'slick-carousel',
            'slick-carousel/slick/slick.css'
        ]
    }

Added a typescript file for it and referenced it in one of my components.

import { isBrowser, isNode } from 'angular2-universal';
import 'slick-carousel';

@Component({
  ....
})

export class HomeComponent {
    constructor() {
    ....
        if (isBrowser) {

            $('#recom-carousel').slick({
                dots: false,
                infinite: true,
                speed: 300,
                slidesToShow: 4,
                slidesToScroll: 1,
                variableWidth: true
            });
        }
    }
}

However, even after using isBrowser, i still get window is not defined error.

*Originally created by @raberana on 1/19/2017* I added [slick.js](http://kenwheeler.github.io/slick/) to my project. ```javascript entry: { vendor: [ .... 'jquery', .... 'slick-carousel', 'slick-carousel/slick/slick.css' ] } ``` Added a typescript file for it and referenced it in one of my components. ```javascript import { isBrowser, isNode } from 'angular2-universal'; import 'slick-carousel'; @Component({ .... }) export class HomeComponent { constructor() { .... if (isBrowser) { $('#recom-carousel').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 1, variableWidth: true }); } } } ``` However, even after using `isBrowser`, i still get `window is not defined` error. ![capture](https://cloud.githubusercontent.com/assets/3053739/22109488/f09db7b0-de92-11e6-90a3-81e229d9e749.PNG)

fergalmoran closed this issue

2025-08-09 17:18:52 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/JavaScriptServices#1099