angular2-masonry won't compile under Angular 5 about angular2-masonry HOT 9 OPEN

I've forked this repository and updated it for Angular 5+
https://github.com/gethinoakes/ngx-masonry

Works fine for me. I'll try to work on it more when I have time.

from angular2-masonry.

Another workaround is to temporarily add the package in the include array of your tsconfig.json. My full tsconfig.json is this:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  },
  "include":[
    "node_modules/angular2-masonry",
    "src/**/*"
  ]
}

Note that by default there was no include present and I also had to add src/**/* into it to have full compilation of my project.

from angular2-masonry.

Angular 5 Masonry Module with animations: https://github.com/Shailu4u/ng-masonry-grid

from angular2-masonry.

Any work around for the time being?

from angular2-masonry.

Temporary workaround is to bring the angular2-masonry into a sub-folder of your app. You can that include it as usual using:

import { MasonryModule } from './angular2-masonry';

from angular2-masonry.

hello JaronrH
if you import
like import { MasonryModule } from './angular2-masonry';
then ssr will not work

error come=>>>>>>>>>>>>>>>
}( window, function factory( Outlayer, getSize ) {
^

ReferenceError: window is not defined

if you running project via ng serve it will work fine

from angular2-masonry.

take a look https://github.com/Angular-RU/angular-universal-starter/blob/master/server.ts

from angular2-masonry.

@gethinoakes ty. 👍

from angular2-masonry.

Thanks Shailu4u this works for me.

from angular2-masonry.