PatrickJS-starter: Bug report on current build

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

  • I’m submitting a … [x] bug report [ ] feature request [ ] question about the decisions made in the repository

  • Do you want to request a feature or report a bug? I did a fresh checkout of angular2-webpack-starter, but it will NOT build properly with an error I cannot easily solve.

  • What is the current behavior? I did a git checkout i did npm install

Then when I run npm start I get errors:

npm start

> angular2-webpack-starter@5.1.1 start /Users/bengreene/development/temp/angular2-webpack-starter
> npm run server:dev


> angular2-webpack-starter@5.1.1 server:dev /Users/bengreene/development/temp/angular2-webpack-starter
> webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/

 10% building modules 3/3 modules 0 active                
Project is running at http://localhost:3000/
webpack output is served from /
Content not from webpack is served from /Users/bengreene/development/temp/angular2-webpack-starter/src
404s will fallback to /index.html
 10% building modules 4/8 modules 4 active ...s/webpack-dev-server/client/socket.jsTypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4 'TypeError: Cannot read property \'exclude\' of undefined\n    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)\n    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)\n    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)\n    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4'
 10% building modules 5/8 modules 3 active ...s/webpack-dev-server/client/socket.jsTypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4 'TypeError: Cannot read property \'exclude\' of undefined\n    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)\n    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)\n    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)\n    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4'
 10% building modules 6/9 modules 3 active ...bpack-starter/node_modules/url/url.jsTypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)
    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4 'TypeError: Cannot read property \'exclude\' of undefined\n    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)\n    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)\n    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)\n    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular2-template-loader/index.js:32:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/angular-router-loader/src/index.js:81:10)\n    at LOADER_EXECUTION (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at /Users/bengreene/development/temp/angular2-webpack-starter/node_modules/loader-runner/lib/LoaderRunner.js:197:4'
1188ms building modules

AND

ERROR in ./src/polyfills.browser.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
 @ multi polyfills

ERROR in ./src/main.browser.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
 @ multi main

ERROR in ./src/vendor.browser.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/bengreene/development/temp/angular2-webpack-starter/node_modules/awesome-typescript-loader/src/index.ts:18:18)
 @ multi vendor

I am building on OSX with npm: 3.10.9 and node 7.2.1

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

  • What is the expected behavior?

  • What is the motivation / use case for changing the behavior?

  • Please tell us about your environment:

  • Angular version: 2.0.0-beta.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 21
  • Comments: 16 (1 by maintainers)

Commits related to this issue

Most upvoted comments

I am having the same issue. I have tried it with node version 7.2.1 ,6.9 and 6.3.1.

TypeScript is pinned in master to the latest working version. Keeping this issue open until we can pick up a 2.1.4 compliant version of awesome-typescript-loader

In addition to @d3viant0ne 's commit of 9-Dec, I had to set "@angular/forms": "2.2.1" (use to be ^2.2.1, which brought me v2.3.0). As I forked angular2-webpack-starter before that commit of 23-Nov, it was ^2.2.1 just for the @angular/forms.

So my full fix was:

  1. Modified package.json to set:
  • "typescript": "2.1.1" (use to be ^2.0.6, which brought me v2.1.4)
  • "@angular/forms": "2.2.1" (use to be ^2.2.1, which brought me v2.3.0, when other @angular/ were 2.2.1). As an alternative, you can make them all ^2.2.1 and it will work again as all @angular/ versions will be aligned.
  1. Deleted corresponding folders in node_modules and ran npm install. For some reason, running npm install straight away didn’t work (something was cached?).

+1

package.json

...
"dependencies": {
    "@angular/common": "^2.2.4",
    "@angular/compiler": "^2.2.4",
    "@angular/compiler-cli": "^2.2.4",
    "@angular/core": "^2.2.4",
    "@angular/platform-browser": "^2.2.4",
    "@angular/platform-browser-dynamic": "^2.2.4",
    "@angular/platform-server": "^2.2.4",
    "core-js": "^2.4.1",
    "es6-promise": "^4.0.5",
    "es6-shim": "^0.35.2",
    "materialize-css": "^0.97.8",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-rc.4",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "@types/electron": "^1.3.20",
    "@types/hammerjs": "^2.0.33",
    "@types/jasmine": "^2.2.34",
    "@types/lodash": "0.0.28",
    "@types/node": "^6.0.38",
    "@types/source-map": "^0.1.27",
    "@types/uglify-js": "^2.0.27",
    "@types/webpack": "2.0.0",
    "angular2-template-loader": "^0.6.0",
    "awesome-typescript-loader": "^2.2.4",
    "clean-webpack-plugin": "^0.1.14",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.26.1",
    "extract-text-webpack-plugin": "^2.0.0-beta.4",
    "file-loader": "^0.9.0",
    "html-webpack-plugin": "^2.24.1",
    "imports-loader": "^0.6.5",
    "jasmine-core": "^2.4.1",
    "json-loader": "^0.5.4",
    "node-sass": "^3.13.0",
    "raw-loader": "^0.5.1",
    "rimraf": "^2.5.4",
    "sass-loader": "^4.0.2",
    "style-loader": "^0.13.1",
    "ts-helpers": "^1.1.2",
    "ts-loader": "^1.2.2",
    "tslint": "^4.0.2",
    "tslint-loader": "^3.3.0",
    "typescript": "2.1.1",
    "url-loader": "^0.5.7",
    "webpack": "^2.1.0-beta.28",
    "webpack-dev-server": "^2.1.0-beta.12",
    "webpack-md5-hash": "^0.0.5",
    "webpack-merge": "^1.0.2"
  }
}

Error log when compiling:

ERROR in ./~/css-loader!./~/sass-loader!./src/app/scripts/main.browser.ts
Module build failed: 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
        ^
      Property "platformBrowserDynamic" must be followed by a ':'
      in /Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts (line 6, column 10)
 @ ./src/app/scripts/main.browser.ts 4:14-133

ERROR in ./~/css-loader!./~/sass-loader!./~/timers-browserify/main.js
Module build failed: 
var apply = Function.prototype.apply;
^
      Invalid CSS after "v": expected 1 selector or at-rule, was "var apply = Functio"
      in /Users/pcasme/repos/ng2-test/node_modules/timers-browserify/main.js (line 1, column 1)
 @ ./~/timers-browserify/main.js 4:14-87
 @ ./~/rxjs/util/Immediate.js
 @ ./~/rxjs/scheduler/AsapAction.js
 @ ./~/rxjs/scheduler/asap.js
 @ ./~/rxjs/Rx.js
 @ ./src/app/scripts/vendor.browser.ts

ERROR in ./~/timers-browserify/main.js
Module build failed: Error
    at /Users/pcasme/repos/ng2-test/node_modules/webpack/lib/NormalModule.js:143:35
    at /Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:359:11
    at /Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:225:18
    at context.callback (/Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.onRender (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/index.js:273:13)
    at Object.<anonymous> (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:2234:31)
    at apply (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:20:25)
    at Object.<anonymous> (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:56:12)
    at Object.callback (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:840:16)
    at options.error (/Users/pcasme/repos/ng2-test/node_modules/node-sass/lib/index.js:289:32)

ERROR in /Users/pcasme/repos/ng2-test/node_modules/extract-text-webpack-plugin/loader.js?{"id":1,"omit":1,"remove":true}!/Users/pcasme/repos/ng2-test/node_modules/style-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/css-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/sass-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/timers-browserify/main.js doesn't export content

ERROR in ./src/app/scripts/main.browser.ts
Module build failed: Error
    at /Users/pcasme/repos/ng2-test/node_modules/webpack/lib/NormalModule.js:143:35
    at /Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:359:11
    at /Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:225:18
    at context.callback (/Users/pcasme/repos/ng2-test/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.onRender (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/index.js:273:13)
    at Object.<anonymous> (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:2234:31)
    at apply (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:20:25)
    at Object.<anonymous> (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:56:12)
    at Object.callback (/Users/pcasme/repos/ng2-test/node_modules/sass-loader/node_modules/async/dist/async.js:840:16)
    at options.error (/Users/pcasme/repos/ng2-test/node_modules/node-sass/lib/index.js:289:32)

ERROR in /Users/pcasme/repos/ng2-test/node_modules/awesome-typescript-loader/dist/entry.js!/Users/pcasme/repos/ng2-test/node_modules/angular2-template-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/extract-text-webpack-plugin/loader.js?{"id":1,"omit":1,"remove":true}!/Users/pcasme/repos/ng2-test/node_modules/style-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/css-loader/index.js!/Users/pcasme/repos/ng2-test/node_modules/sass-loader/index.js!/Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts doesn't export content

ERROR in [default] /Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts:10:10 
Property 'hot' does not exist on type 'NodeModule'.

ERROR in [default] /Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts:13:9 
Property 'hot' does not exist on type 'NodeModule'.

ERROR in [default] /Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts:20:8 
Property 'hot' does not exist on type 'NodeModule'.
Child html-webpack-plugin for "index.html":
       [0] ./~/html-webpack-plugin/lib/loader.js!./src/app/index.html 534 bytes {0} [built]
Child extract-text-webpack-plugin:
        + 1 hidden modules
    
    ERROR in ./~/css-loader!./~/sass-loader!./~/timers-browserify/main.js
    Module build failed: 
    var apply = Function.prototype.apply;
    ^
          Invalid CSS after "v": expected 1 selector or at-rule, was "var apply = Functio"
          in /Users/pcasme/repos/ng2-test/node_modules/timers-browserify/main.js (line 1, column 1)
Child extract-text-webpack-plugin:
       [0] ./~/css-loader!./~/sass-loader!./src/app/scripts/main.browser.ts 289 bytes {0} [built] [failed] [1 error]
    
    ERROR in ./~/css-loader!./~/sass-loader!./src/app/scripts/main.browser.ts
    Module build failed: 
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
            ^
          Property "platformBrowserDynamic" must be followed by a ':'
          in /Users/pcasme/repos/ng2-test/src/app/scripts/main.browser.ts (line 6, column 10)

After googling this for a bit, I found this: https://github.com/s-panferov/awesome-typescript-loader/issues/190 - for me, clearing cache and changing package.json’s typescript dependency from “^2.0.6” to “2.0.10” worked. The app builds and runs now.

This boilerplate seems to work with pinned 2.1.1 v typescript

Same issue . node version 6.9.1 , npm version 4.0.3

It worked for me by pinning typescript to 2.1.1 in package.json with node 5.6.0 and npm 3.6.0.

I have found what causes this problem in my case: If I understand correctly, they filter out the character ! from path, but ! is legal character in Windows path. https://github.com/angular/angular-cli/issues/3529#issuecomment-266737336

Can confirm, modifiying my package.json to "typescript": "2.1.1" resolved the issue. I’m using "awesome-typescript-loader": "2.2.4" for my angular 2.3.0 project.

After modifying the package.json, I deleted the node_modules folder then ran npm cache clean and finally npm install. All is working fine now.

Seems like it is not a problem with webpack-starter but with ts 2.1.4. Relevant issue on awesome-typescript-loader repo