fabiangosebrink / aspnetcore-angular-ngrx

:rocket: An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects and Signalr

ASP.NET Core WebAPI with SignalR & Angular Demo with NgRx store & NgRx effects, Component based design (Cross Platform)

This repository offers you a demo application implemented with the AngularCLI and an endpoint using ASP.NET Core WebAPI.

The application comes with lazy loading, forms, custom validation, routing, NgRx store, NgRx effects, facade pattern etc.

Server and Client are completely seperated that you can exchange the endpoint easily.

Check the corresponding package.json for the npm commands to start the repository

Demo

You can see an Angular Demo with all the techniques combined here (running on Azure)

Frontend

https://conference-xplatform-client.azurewebsites.net

Backend

https://conference-xplatform-server.azurewebsites.net

Author

👤 Fabian Gosebrink

• Twitter: @FabianGosebrink
• Github: @FabianGosebrink

Prerequisites

• Android SDK
• Windows 10 SDK
• Download and install ImageMagick (base toolkit for image processing, used here for splash screen and icon generation)

Angular Client

This client is implemented with Angular. You can start the application by running

npm install

and

npm start

the application starts and runs in your default browser.

Build Web

use the npm run build-web command and see the .dist/web folder.

Build Mobile

use the npm run build-mobile command and see the .dist/mobile folder.

Build Desktop

use the npm run build-desktop command and see the .dist/desktop folder.

Build Web, Desktop and Mobile

npm run build-all

for building Web, Desktop (Windows and Linux) and Apps for Android in the .dist folder.

Show your support

Give a ⭐️ if this project helped you!

aspnetcore-angular-ngrx's Issues

Aot compilation returns errors

Hey,

I was following your tutorial on aot compilation from here but get these errors after running "node_modules/.bin/ngc" -p tsconfig-aot.json would you know why?

Error at C:/wamp/www/stiqqs/ui/node_modules/typescript/lib/lib.es2015.core.d.ts:21:14: Duplicate identifier 'PropertyKey'.
Error at C:/wamp/www/stiqqs/ui/src/app/views/ad-listing/ad-listing.component.ts:28:9: Object literal's property 'search' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/ad-listing/ad-listing.component.ts:29:9: Object literal's property 'city' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/ad-listing/ad-listing.component.ts:30:9: Object literal's property 'category' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/ad-detail/ad-detail.component.ts:164:49: Parameter 'el' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/messenger/messenger.component.ts:46:51: Parameter 'event' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/bids/bids.component.ts:37:57: Parameter 'bid' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/bids/bids.component.ts:38:61: Parameter 'bid' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/bids/bids.component.ts:39:57: Parameter 'bid' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/messages/messages.component.ts:27:51: Parameter 'event' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/messages/messages.component.ts:55:51: Parameter 'element' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/ad-list/ad-list.component.ts:37:56: Parameter 'ad' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/src/app/views/dashboard/dashboard-tabs/ad-list/ad-list.component.ts:38:60: Parameter 'ad' implicitly has an 'any' type.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:7:14: Duplicate identifier 'PropertyKey'.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:11:5: All declarations of 'value' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:248:5: All declarations of 'EPSILON' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:283:5: All declarations of 'MAX_SAFE_INTEGER' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:290:5: All declarations of 'MIN_SAFE_INTEGER' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:346:5: All declarations of 'flags' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:498:5: All declarations of 'prototype' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:561:5: All declarations of 'size' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:570:5: All declarations of 'prototype' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:581:5: All declarations of 'size' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:591:5: All declarations of 'prototype' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:606:5: Subsequent variable declarations must have the same type.  Variable 'prototype' must be of type 'WeakMap<object, any>',
 but here has type 'WeakMap<any, any>'.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:606:5: All declarations of 'prototype' must have identical modifiers.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:620:5: Subsequent variable declarations must have the same type.  Variable 'prototype' must be of type 'WeakSet<object>', but
here has type 'WeakSet<any>'.
Error at C:/wamp/www/stiqqs/ui/node_modules/@types/es6-shim/index.d.ts:620:5: All declarations of 'prototype' must have identical modifiers.

Fair enough i can deal with errors that are in ui/src/app/ but the node module errors is something i can't just fix. Here is my package.json

{
  "name": "stiqqs",
  "version": "1.0.0",
  "description": "",
  "license": "",
  "dependencies": {
    "@angular/animations": "^4.3.6",
    "@angular/common": "^4.1.0",
    "@angular/compiler": "^4.1.0",
    "@angular/compiler-cli": "^4.4.0-RC.0",
    "@angular/core": "^4.1.0",
    "@angular/forms": "^4.1.0",
    "@angular/http": "^4.1.0",
    "@angular/platform-browser": "^4.1.0",
    "@angular/platform-browser-dynamic": "^4.1.0",
    "@angular/platform-server": "^4.4.0-RC.0",
    "@angular/router": "^4.1.0",
    "@types/node": "^7.0.16",
    "angular2-notifications": "^0.7.3",
    "core-js": "*",
    "gulp": "github:gulpjs/gulp#4ed9a4a3275559c73a396eff7e1fde3824951ebb",
    "gulp-hub": "github:frankwallis/gulp-hub#d461b9c700df9010d0a8694e4af1fb96d9f38bf4",
    "hammerjs": "^2.0.8",
    "ng2-completer": "^1.4.0",
    "ng2-metadata": "^1.4.2-final",
    "ngx-modal": "0.0.29",
    "ngx-pagination": "^3.0.0",
    "rxjs": "^5.3.1",
    "time-ago-pipe": "^1.2.1",
    "tslint-loader": "^3.5.3",
    "typescript": "^2.3.2",
    "webpack": "^2.5.0",
    "zone.js": "^0.8.10"
  },
  "devDependencies": {
    "@types/es6-shim": "^0.31.32",
    "@types/jasmine": "^2.5.43",
    "@types/node": "^7.0.5",
    "autoprefixer": "^6.7.3",
    "babel-eslint": "^7.1.1",
    "babel-loader": "^6.3.2",
    "browser-sync": "^2.18.8",
    "browser-sync-spa": "^1.0.3",
    "compression-webpack-plugin": "^0.4.0",
    "css-loader": "^0.26.1",
    "del": "^2.2.2",
    "es6-shim": "^0.35.3",
    "eslint": "^3.15.0",
    "eslint-config-xo-space": "^0.15.0",
    "eslint-loader": "^1.6.1",
    "eslint-plugin-babel": "^4.0.1",
    "extract-text-webpack-plugin": "^2.0.0-rc.3",
    "gulp": "gulpjs/gulp#4ed9a4a3275559c73a396eff7e1fde3824951ebb",
    "gulp-filter": "^5.0.0",
    "gulp-hub": "frankwallis/gulp-hub#d461b9c700df9010d0a8694e4af1fb96d9f38bf4",
    "gulp-sass": "^3.1.0",
    "gulp-util": "^3.0.8",
    "html-loader": "^0.4.4",
    "html-webpack-plugin": "^2.28.0",
    "json-loader": "^0.5.4",
    "node-sass": "^4.5.0",
    "postcss-loader": "^1.3.1",
    "rimraf": "^2.5.1",
    "sass-loader": "^6.0.1",
    "style-loader": "^0.13.1",
    "ts-loader": "^2.0.0",
    "tslint": "^4.4.2",
    "tslint-loader": "^3.4.2",
    "typescript": "^2.1.0",
    "webpack": "^2.5.0",
    "webpack-deploy": "github:productboard/webpack-deploy",
    "webpack-fail-plugin": "^1.0.5"
  },
  "scripts": {
    "build": "rimraf dist && webpack --progress --profile --bail --config ./conf/webpack-dist.conf.js && cp -r ./src/css ./dist && cp -r ./src/img ./dist && mkdir -p ./dist/app/views && cp -r ./src/app/views/* ./dist/app/views/",
    "serve": "gulp serve watch",
    "serve:dist": "gulp serve:dist",
    "test": "gulp test",
    "test:auto": "gulp test:auto",
    "deploy": "webpack -p --config ./conf/webpack-dist.conf.js"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "browser": true,
      "jasmine": true
    },
    "parser": "babel-eslint",
    "extends": [
      "xo-space/esnext"
    ]
  },
  "repository": {}
}

Can you spot if I'm doing something wrong? p.s tsconfig-aot.json is exactly the same as in the tutorial

Role "Administrator" get applied too many times.

When asking for a token & the token is returned the payload looks like

{ ... "role": [ "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator", "administrator" ], ... }

So the role administrator is applied too many times.

Cannot build sample project

I followed the instructions but could not get Angular to build properly in Production + AOT mode.

Here's my ASCII cinema: https://asciinema.org/a/FKPvOdRRoNilSFQpUg4iBLpSN

And here's the output:

[at-loader] Ok, 0.13 sec.
Hash: 8a8e00375bbfaaf4863c
Version: webpack 3.0.0
Time: 51769ms
                                           Asset       Size  Chunks                    Chunk Names
    assets/apple-touch-startup-image-640x920.png    80.3 kB          [emitted]
               assets/apple-touch-icon-57x57.png     2.3 kB          [emitted]
               assets/apple-touch-icon-72x72.png    2.81 kB          [emitted]
               assets/apple-touch-icon-76x76.png    3.34 kB          [emitted]
             assets/apple-touch-icon-114x114.png    5.91 kB          [emitted]
             assets/apple-touch-icon-120x120.png    6.25 kB          [emitted]
             assets/apple-touch-icon-144x144.png    8.17 kB          [emitted]
             assets/apple-touch-icon-152x152.png    8.78 kB          [emitted]
             assets/apple-touch-icon-167x167.png    10.1 kB          [emitted]
             assets/apple-touch-icon-180x180.png    11.2 kB          [emitted]
                     assets/apple-touch-icon.png    11.2 kB          [emitted]
         assets/apple-touch-icon-precomposed.png    11.2 kB          [emitted]
                 assets/android-chrome-36x36.png    1.11 kB          [emitted]
                 assets/android-chrome-48x48.png    1.67 kB          [emitted]
                 assets/android-chrome-72x72.png    2.81 kB          [emitted]
                 assets/android-chrome-96x96.png     4.6 kB          [emitted]
               assets/android-chrome-144x144.png    8.17 kB          [emitted]
               assets/android-chrome-192x192.png    12.2 kB          [emitted]
               assets/android-chrome-256x256.png    18.9 kB          [emitted]
               assets/android-chrome-384x384.png    36.7 kB          [emitted]
               assets/android-chrome-512x512.png      57 kB          [emitted]
                        assets/favicon-16x16.png  374 bytes          [emitted]
                        assets/favicon-32x32.png  974 bytes          [emitted]
                              assets/favicon.ico    33.3 kB          [emitted]
                    assets/firefox_app_60x60.png    2.52 kB          [emitted]
                  assets/firefox_app_128x128.png    7.22 kB          [emitted]
                  assets/firefox_app_512x512.png    58.8 kB          [emitted]
    assets/apple-touch-startup-image-320x460.png    27.9 kB          [emitted]
   assets/apple-touch-startup-image-640x1096.png    81.3 kB          [emitted]
               assets/apple-touch-icon-60x60.png    2.34 kB          [emitted]
   assets/apple-touch-startup-image-748x1024.png     105 kB          [emitted]
   assets/apple-touch-startup-image-768x1004.png     106 kB          [emitted]
   assets/apple-touch-startup-image-750x1294.png     103 kB          [emitted]
  assets/apple-touch-startup-image-1242x2148.png     222 kB          [emitted]
  assets/apple-touch-startup-image-1182x2208.png     217 kB          [emitted]
  assets/apple-touch-startup-image-1536x2008.png     298 kB          [emitted]  [big]
  assets/apple-touch-startup-image-1496x2048.png     308 kB          [emitted]  [big]
                            assets/manifest.json    1.24 kB          [emitted]
                          assets/manifest.webapp  272 bytes          [emitted]
                                   assets/.cache    5.25 kB          [emitted]
           assets/fontawesome-webfont-674f50.eot     166 kB          [emitted]
         assets/fontawesome-webfont-af7ae5.woff2    77.2 kB          [emitted]
          assets/fontawesome-webfont-fee66e.woff      98 kB          [emitted]
           assets/fontawesome-webfont-b06871.ttf     166 kB          [emitted]
           assets/fontawesome-webfont-912ec6.svg     444 kB          [emitted]  [big]
  assets/glyphicons-halflings-regular-f4769f.eot    20.1 kB          [emitted]
assets/glyphicons-halflings-regular-448c34.woff2      18 kB          [emitted]
 assets/glyphicons-halflings-regular-fa2772.woff    23.4 kB          [emitted]
  assets/glyphicons-halflings-regular-e18bbf.ttf    45.4 kB          [emitted]
  assets/glyphicons-halflings-regular-898896.svg     109 kB          [emitted]
                          js/0-8a8e0037.chunk.js    37.2 kB       0  [emitted]
                          js/1-8a8e0037.chunk.js    10.4 kB       1  [emitted]
                       js/app-8a8e0037.bundle.js     933 kB       2  [emitted]  [big]  app
                                      styles.css     162 kB       2  [emitted]         app
                       js/0-8a8e0037.chunk.js.gz    5.96 kB          [emitted]
                       js/1-8a8e0037.chunk.js.gz    2.69 kB          [emitted]
                    js/app-8a8e0037.bundle.js.gz     229 kB          [emitted]
                                      index.html    3.78 kB          [emitted]
  [41] ./src/app/core/services/platformInformation.provider.ts 3.85 kB {2} [built]
  [42] ./src/app/shared/configuration/app.configuration.ts 1.29 kB {2} [built]
  [43] ./src/app/core/services/currentUser.service.ts 2.46 kB {2} [built]
 [220] ./src/app/core/core.module.ts 2.58 kB {2} [built]
 [240] ./src/app/home/home.module.ts 1.85 kB {2} [built]
 [243] ./src/.aot/src/app/food/food.module.ngfactory.ts 2.19 kB {0} [built]
 [244] ./src/.aot/src/app/account/account.module.ngfactory.ts 1.2 kB {1} [built]
 [245] ./src/app/main-aot.ts 312 bytes {2} [built]
 [246] ./src/app/polyfills.ts 592 bytes {2} [built]
 [409] ./src/app/vendor.ts 270 bytes {2} [built]
 [414] ./src/css/custom.css 41 bytes {2} [built]
 [415] ./assets/toggleHamburger.js 314 bytes {2} [built]
 [417] ./src/.aot/src/app/app.module.ngfactory.ts 9.55 kB {2} [built]
 [420] ./src/app/app.module.ts 1.83 kB {2} [built]
 [694] ./src/.aot/src/app/app.component.ngfactory.ts 2.54 kB {2} [built]
    + 717 hidden modules

ERROR in   TypeError: Cannot read property 'request' of undefined

  - ExternalModuleFactoryPlugin.js:37 handleExternals
    [Angular-Client-Webpack]/[html-webpack-plugin]/[webpack]/lib/ExternalModuleFactoryPlugin.js:37:33

  - ExternalModuleFactoryPlugin.js:46 next
    [Angular-Client-Webpack]/[html-webpack-plugin]/[webpack]/lib/ExternalModuleFactoryPlugin.js:46:8

  - ExternalModuleFactoryPlugin.js:59 handleExternals
    [Angular-Client-Webpack]/[html-webpack-plugin]/[webpack]/lib/ExternalModuleFactoryPlugin.js:59:7

  - ExternalModuleFactoryPlugin.js:79 ExternalModuleFactoryPlugin.<anonymous>
    [Angular-Client-Webpack]/[html-webpack-plugin]/[webpack]/lib/ExternalModuleFactoryPlugin.js:79:5

  - NormalModuleFactory.js:246 applyPluginsAsyncWaterfall
    [Angular-Client-Webpack]/[webpack]/lib/NormalModuleFactory.js:246:4

  - Tapable.js:196 NormalModuleFactory.applyPluginsAsyncWaterfall
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:196:70

  - NormalModuleFactory.js:230 NormalModuleFactory.create
    [Angular-Client-Webpack]/[webpack]/lib/NormalModuleFactory.js:230:8

  - Compilation.js:383 Compilation._addModuleChain
    [Angular-Client-Webpack]/[webpack]/lib/Compilation.js:383:17

  - Compilation.js:465 Compilation.addEntry
    [Angular-Client-Webpack]/[webpack]/lib/Compilation.js:465:8

  - SingleEntryPlugin.js:22 SingleEntryPlugin.<anonymous>
    [Angular-Client-Webpack]/[html-webpack-plugin]/[webpack]/lib/SingleEntryPlugin.js:22:15

  - Tapable.js:229 Compiler.applyPluginsParallel
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:229:14

  - Compiler.js:505
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:505:8

  - Tapable.js:131 Compiler.applyPluginsAsyncSeries
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:131:46

  - Compiler.js:498 Compiler.compile
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:498:7

  - Compiler.js:284 Compiler.runAsChild
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:284:7

  - compiler.js:70
    [Angular-Client-Webpack]/[html-webpack-plugin]/lib/compiler.js:70:19

  - debuggability.js:300 Promise._execute
    [Angular-Client-Webpack]/[bluebird]/js/release/debuggability.js:300:9

  - promise.js:483 Promise._resolveFromExecutor
    [Angular-Client-Webpack]/[bluebird]/js/release/promise.js:483:18

  - promise.js:79 new Promise
    [Angular-Client-Webpack]/[bluebird]/js/release/promise.js:79:10

  - compiler.js:69 Object.compileTemplate
    [Angular-Client-Webpack]/[html-webpack-plugin]/lib/compiler.js:69:10

  - index.js:47 Compiler.<anonymous>
    [Angular-Client-Webpack]/[html-webpack-plugin]/index.js:47:40

  - Tapable.js:229 Compiler.applyPluginsParallel
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:229:14

  - Compiler.js:505
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:505:8

  - Tapable.js:131 Compiler.applyPluginsAsyncSeries
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:131:46

  - Compiler.js:498 Compiler.compile
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:498:7

  - Compiler.js:238
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:238:10

  - Compiler.js:390 Compiler.readRecords
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:390:10

  - Compiler.js:235
    [Angular-Client-Webpack]/[webpack]/lib/Compiler.js:235:9

  - Tapable.js:138 next
    [Angular-Client-Webpack]/[webpack]/[tapable]/lib/Tapable.js:138:11

  - CachePlugin.js:35 Compiler.compiler.plugin
    [Angular-Client-Webpack]/[webpack]/lib/CachePlugin.js:35:59


Child favicons-webpack-plugin for "iconstats-[hash].json":
                                             Asset       Size  Chunks                    Chunk Names
                 assets/android-chrome-512x512.png      57 kB          [emitted]
                 assets/apple-touch-icon-57x57.png     2.3 kB          [emitted]
                 assets/apple-touch-icon-72x72.png    2.81 kB          [emitted]
                 assets/apple-touch-icon-76x76.png    3.34 kB          [emitted]
               assets/apple-touch-icon-114x114.png    5.91 kB          [emitted]
               assets/apple-touch-icon-120x120.png    6.25 kB          [emitted]
               assets/apple-touch-icon-144x144.png    8.17 kB          [emitted]
               assets/apple-touch-icon-152x152.png    8.78 kB          [emitted]
               assets/apple-touch-icon-167x167.png    10.1 kB          [emitted]
               assets/apple-touch-icon-180x180.png    11.2 kB          [emitted]
                       assets/apple-touch-icon.png    11.2 kB          [emitted]
           assets/apple-touch-icon-precomposed.png    11.2 kB          [emitted]
                   assets/android-chrome-36x36.png    1.11 kB          [emitted]
                   assets/android-chrome-48x48.png    1.67 kB          [emitted]
                   assets/android-chrome-72x72.png    2.81 kB          [emitted]
                   assets/android-chrome-96x96.png     4.6 kB          [emitted]
                 assets/android-chrome-144x144.png    8.17 kB          [emitted]
                 assets/android-chrome-192x192.png    12.2 kB          [emitted]
                 assets/android-chrome-256x256.png    18.9 kB          [emitted]
                 assets/android-chrome-384x384.png    36.7 kB          [emitted]
                 assets/apple-touch-icon-60x60.png    2.34 kB          [emitted]
                          assets/favicon-16x16.png  374 bytes          [emitted]
                          assets/favicon-32x32.png  974 bytes          [emitted]
                                assets/favicon.ico    33.3 kB          [emitted]
                      assets/firefox_app_60x60.png    2.52 kB          [emitted]
                    assets/firefox_app_128x128.png    7.22 kB          [emitted]
                    assets/firefox_app_512x512.png    58.8 kB          [emitted]
      assets/apple-touch-startup-image-320x460.png    27.9 kB          [emitted]
     assets/apple-touch-startup-image-640x1096.png    81.3 kB          [emitted]
      assets/apple-touch-startup-image-640x920.png    80.3 kB          [emitted]
     assets/apple-touch-startup-image-748x1024.png     105 kB          [emitted]
     assets/apple-touch-startup-image-768x1004.png     106 kB          [emitted]
     assets/apple-touch-startup-image-750x1294.png     103 kB          [emitted]
    assets/apple-touch-startup-image-1242x2148.png     222 kB          [emitted]
    assets/apple-touch-startup-image-1182x2208.png     217 kB          [emitted]
    assets/apple-touch-startup-image-1536x2008.png     298 kB          [emitted]  [big]
    assets/apple-touch-startup-image-1496x2048.png     308 kB          [emitted]  [big]
                              assets/manifest.json    1.24 kB          [emitted]
                            assets/manifest.webapp  272 bytes          [emitted]
                                     assets/.cache    5.25 kB          [emitted]
       [0] ./node_modules/favicons-webpack-plugin/lib/favicons.js?{"outputFilePrefix":"assets/","icons":{"android":true,"appleIcon":true,"appleStartup":true,"coast":false,"favicons":true,"firefox":true,"opengraph":false,"twitter":false,"yandex":false,"windows":false},"background":"#fff","persistentCache":true,"appName":"angular-client-webpack-aot-ts"}!./src/icon.png 5.15 kB {0} [built]
Child extract-text-webpack-plugin:
       2 modules
Child extract-text-webpack-plugin:
       [0] ./node_modules/css-loader!./src/css/custom.css 244 bytes {0} [built]
        + 1 hidden module
Child extract-text-webpack-plugin:
       8 modules
Child extract-text-webpack-plugin:
       7 modules
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] webpack-prod: `npm run ngc && webpack --env=prod`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] webpack-prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/pac/.npm/_logs/2017-07-06T10_59_49_469Z-debug.log

node: v8.1.3
npm: v5.0.4

Move to HTTPS

Because a service worker should extend the next version the application needs to be moves to https

A parameter initializer is only allowed in a function or constructor implementation.

Hello Everyone,

I am try to implement "Angular-Client-Webpack" and it is working fine with "npm-start" and "npm run webpack-dev" command.

but when i am trying to build with production "npm run webpack-prod" then it shows error.

A parameter initializer is only allowed in a function or constructor implementation.

Below is my screenshot:

Thanks
Vikram

Dependencies

Hello.
How to solve this horror with dependencies?