wdm: Failed to compile on new project

I’m submitting a…

• Bug report
• Feature request
• Documentation issue or request

Current behavior

npm start fails on new project

> npm run env -s && ng serve --aot --proxy-config proxy.conf.js

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
 10% building modules 3/3 modules 0 active[HPM] Proxy created: /api  ->  https://api.chucknorris.io
[HPM] Proxy rewrite rule created: "^/api" ~> ""
                                                                                          
Date: 2018-08-07T18:42:52.387Z
Hash: a85ceaa0d288dcd9fcda
Time: 9825ms
chunk {main} main.js, main.js.map (main) 1.93 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 681 bytes [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 5.22 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 85.2 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 325 kB [initial] [rendered]

ERROR in node_modules/@angular/forms/src/form_providers.d.ts(22,9): error TS2315: Type 'ModuleWithProviders' is not generic.
node_modules/@angular/platform-browser/src/browser.d.ts(38,9): error TS2315: Type 'ModuleWithProviders' is not generic.
node_modules/@angular/router/src/router_module.d.ts(101,60): error TS2315: Type 'ModuleWithProviders' is not generic.
node_modules/@angular/router/src/router_module.d.ts(105,38): error TS2315: Type 'ModuleWithProviders' is not generic.

 ｢wdm｣: Failed to compile.

Expected behavior

wdm does not fail

Minimal reproduction of the problem with instructions

Create a new generator-ngx-rocket project an run npm start or npm run build.

Environment

- generator version: 5.0.1
- node version: 8.11.3  <!-- run `node --version` -->
- npm version: 5.6.0  <!-- run `npm --version` -->
- OS:  Linux<!-- Mac, Linux, Windows -->

Config:
? What kind of app do you want to create? Web app
? Do you want a progressive web app? (with manifest and service worker) Yes
? Which UI framework do you want? Angular Material (more website-oriented)
? Which kind of layout do you want? Simple responsive header bar (more website-oriented)
? Do you want authentication? No
? Do you want lazy loading? Yes
? Do you want analytics support (with Angulartics2)? No

[elenat82]

Hi, it’s the first time I use your generator and I can’t start a new project too, here is my configuration:

C:\Users\User>node --version v8.11.3

C:\Users\User>npm --version 5.6.0

OS: Windows 10

what I did

npm rm -g @angular/cli generator-ngx-rocket removed 660 packages in 72.048s

npm cache clean --force npm WARN using --force I sure hope you know what you are doing.

npm i -g generator-ngx-rocket (I added -g) C:\Users\User\AppData\Roaming\npm\ngx -> C:\Users\User\AppData\Roaming\npm\node_modules\generator-ngx-rocket\cli\bin\ngx

• generator-ngx-rocket@5.0.1 added 417 packages in 75.937s

mkdir angular6

cd angular6

ngx new ? What’s the name of your app? angular6 ? What kind of app do you want to create? Web app ? Do you want a progressive web app? (with manifest and service worker) Yes ? Which UI framework do you want? Bootstrap (more website-oriented) ? Do you want authentication? Yes ? Do you want lazy loading? Yes ? Do you want analytics support (with Angulartics2)? No

npm start

angular-6@1.0.0 start C:\Users\User\angular6 npm run env -s && ng serve --aot --proxy-config proxy.conf.js

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 10% building modules 3/3 modules 0 active[HPM] Proxy created: /api -> https://api.chucknorris.io [HPM] Proxy rewrite rule created: “^/api” ~> “” Date: 2018-08-10T08:41:46.508Z Hash: 79a403159f98bba4bc9d Time: 26145ms chunk {app-about-about-module-ngfactory} app-about-about-module-ngfactory.js, app-about-about-module-ngfactory.js.map (app-about-about-module-ngfactory) 15.1 kB [rendered] chunk {main} main.js, main.js.map (main) 223 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.03 kB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 238 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 3.8 MB [initial] [rendered] i ｢wdm｣: Compiled successfully.

Now the app has been created but I tried just changing a class in login.component.html and it failed to compile:

i ｢wdm｣: Compiling…

Date: 2018-08-10T08:45:30.774Z - Hash: 128e6d78f68c5fd8ee77 - Time: 7424ms 3 unchanged chunks chunk {app-about-about-module-ngfactory} app-about-about-module-ngfactory.js, app-about-about-module-ngfactory.js.map (app-about-about-module-ngfactory) 17.5 kB [rendered] chunk {main} main.js, main.js.map (main) 277 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 3.83 MB [initial] [rendered]

ERROR in ./src/app/app.module.ngfactory.js Module not found: Error: Can’t resolve ‘@angular/router.ngfactory’ in ‘C:\Users\User\angular6\src\app’ ERROR in ./src/app/about/about.module.ngfactory.js Module not found: Error: Can’t resolve ‘@angular/router.ngfactory’ in ‘C:\Users\User\angular6\src\app\about’ i ｢wdm｣: Failed to compile.

[ghost]

I saw that after I posted. It did work, thank you.