Webpack 4 / Angular 6 support

Hey there,

Maybe you already know, but this library doesn’t work anymore with WebPack 4 and Angular 6. Here’s what I get when trying to ng serve.

This is most likely related to the big changes that happened in WebPack 4. Is there any plans to upgrade this? If not on your end, I might peek at it if I don’t found any other alternatives.

Thanks.

My CLI infos are the following :

Angular CLI: 6.0.0-rc.2
Node: 8.11.1
OS: win32 x64
Angular: 6.0.0-rc.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 6.0.0-rc.1
@angular/cli: 6.0.0-rc.2
@angular/flex-layout: 5.0.0-beta.14
@angular/material: 6.0.0-rc.1
@angular-devkit/architect: 0.5.4
@angular-devkit/build-angular: 0.5.4
@angular-devkit/build-optimizer: 0.5.4
@angular-devkit/core: 0.5.4
@angular-devkit/schematics: 0.5.4
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 6.0.0-rc.2.4
@schematics/angular: 0.5.4
@schematics/update: 0.5.4
typescript: 2.7.2
webpack: 4.5.0

[enten]

About error TS2304: Cannot find name ‘module’: do you think may it due to a missing typescript definition?

Can you try to npm install --save-dev @types/node@~8.9.4 @types/webpack-env@^1.13.6 and add the directive below in your src/typings.d.ts?

///<reference types="webpack-env" />

[ghost]

I’m reproducing this error too. Angular 6 will be out soon.

I fixed it by adding declare var module: {}; above the module line in main.ts

However, it reloads the window on scss inline-template style.