{"action":"opened","issue":{"url":"https://api.github.com/repos/AngularClass/angular2-webpack-starter/issues/402","repository_url":"https://api.github.com/repos/AngularClass/angular2-webpack-starter","labels_url":"https://api.github.com/repos/AngularClass/angular2-webpack-starter/issues/402/labels{/name}","comments_url":"https://api.github.com/repos/AngularClass/angular2-webpack-starter/issues/402/comments","events_url":"https://api.github.com/repos/AngularClass/angular2-webpack-starter/issues/402/events","html_url":"https://github.com/AngularClass/angular2-webpack-starter/issues/402","id":139649361,"number":402,"title":"\"You may need an appropriate loader to handle this file type.\" error with today's build","user":{"login":"jkyoutsey","id":3846466,"avatar_url":"https://avatars.githubusercontent.com/u/3846466?v=3","gravatar_id":"","url":"https://api.github.com/users/jkyoutsey","html_url":"https://github.com/jkyoutsey","followers_url":"https://api.github.com/users/jkyoutsey/followers","following_url":"https://api.github.com/users/jkyoutsey/following{/other_user}","gists_url":"https://api.github.com/users/jkyoutsey/gists{/gist_id}","starred_url":"https://api.github.com/users/jkyoutsey/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jkyoutsey/subscriptions","organizations_url":"https://api.github.com/users/jkyoutsey/orgs","repos_url":"https://api.github.com/users/jkyoutsey/repos","events_url":"https://api.github.com/users/jkyoutsey/events{/privacy}","received_events_url":"https://api.github.com/users/jkyoutsey/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-09T17:38:07Z","updated_at":"2016-03-09T17:38:07Z","closed_at":null,"body":"I pulled this morning and copied all of my code into the new pack and moved the trivial bits around.  This is my build output from `npm run build:dev` :\r\n\r\n```console\r\n> webpack --progress --profile --colors --display-error-details --display-cached\r\n\r\n19614ms build modules     \r\n28ms seal\r\n44ms optimize\r\n38ms hashing\r\n48ms create chunk assets\r\n2ms additional chunk assets \r\n4563ms optimize chunk assets\r\n3133ms optimize assets\r\n49ms emit\r\nHash: 2d2986e14868251e51ee\r\nVersion: webpack 1.12.14\r\nTime: 27582ms\r\n                                 Asset     Size  Chunks             Chunk Names\r\n  assets/fonts/fontawesome-webfont.eot  70.8 kB          [emitted]  \r\n                   polyfills.bundle.js   430 kB       0  [emitted]  polyfills\r\n                         polyfills.map   317 kB       0  [emitted]  polyfills\r\n                              main.map  2.51 MB       1  [emitted]  main\r\n       assets/css/font-awesome.min.css  27.5 kB          [emitted]  \r\n          assets/fonts/FontAwesome.otf   110 kB          [emitted]  \r\n                        main.bundle.js  1.57 MB       1  [emitted]  main\r\n  assets/fonts/fontawesome-webfont.svg   366 kB          [emitted]  \r\n  assets/fonts/fontawesome-webfont.ttf   142 kB          [emitted]  \r\n assets/fonts/fontawesome-webfont.woff  83.6 kB          [emitted]  \r\nassets/fonts/fontawesome-webfont.woff2  66.6 kB          [emitted]  \r\n                            index.html  2.45 kB          [emitted]  \r\n    + 303 hidden modules\r\n\r\nERROR in ./~/angular2-jwt/angular2-jwt.ts\r\nModule parse failed: /Users/JARVIS/src/proj/ui/node_modules/angular2-jwt/angular2-jwt.ts Line 1: Unexpected token\r\nYou may need an appropriate loader to handle this file type.\r\n| import {Injectable, Injector} from 'angular2/core';\r\n| import {Http, HTTP_PROVIDERS, Headers, BaseRequestOptions, Request, RequestOptions, RequestOptionsArgs, RequestMethod, Response} from 'angular2/http';\r\n| import {Observable} from 'rxjs/Observable';\r\n @ ./src/app/components/dashboards/dashboards.ts 13:21-57\r\nChild html-webpack-plugin for \"index.html\":\r\n        + 3 hidden modules\r\n\r\n```\r\nMy webpack.dev.config\r\n```javascript\r\n  resolve: {\r\n    // ensure loader extensions match\r\n    extensions: helpers.prepend(['.ts','.js','.json','.css','.html', '.scss'], '.async') // ensure .async.ts etc also works\r\n  },\r\n\r\n  module: {\r\n    preLoaders: [\r\n      { test: /\\.js$/, loader: 'source-map-loader', exclude: [ helpers.root('node_modules/rxjs') ] }\r\n    ],\r\n    loaders: [\r\n      // Support Angular 2 async routes via .async.ts\r\n      { test: /\\.async\\.ts$/, loaders: ['es6-promise-loader', 'ts-loader'], exclude: [ /\\.(spec|e2e)\\.ts$/ ] },\r\n\r\n      // Support for .ts files.\r\n      { test: /\\.ts$/, loader: 'awesome-typescript-loader', exclude: [ /\\.(spec|e2e)\\.ts$/, helpers.root('node_modules') ] },\r\n\r\n      // Support for *.json files.\r\n      { test: /\\.json$/,  loader: 'json-loader', exclude: [ helpers.root('node_modules') ] },\r\n\r\n      // Support for CSS as raw text\r\n      { test: /\\.css$/,   loader: 'raw-loader', exclude: [ helpers.root('node_modules') ] },\r\n\r\n      // support for .html as raw text\r\n      { test: /\\.html$/,  loader: 'raw-loader', exclude: [ helpers.root('src/index.html'), helpers.root('node_modules') ] },\r\n\r\n      { test: /\\.scss$/,  exclude: [helpers.root('node_modules')],  loaders: ['raw-loader','sass-loader?outputStyle=compressed&sourceComments=false'] },\r\n      \r\n      // if you add a loader include the resolve file extension above\r\n    ]\r\n  },\r\n```\r\nMy package.json with just the ADDITIONAL items:\r\n```javascript\r\n  \"dependencies\": {\r\n    ...\r\n    \"angular2-jwt\": \"^0.1.7\",\r\n    \"bootstrap\": \"^3.3.6\",\r\n    ...\r\n  },\r\n  \"devDependencies\": {\r\n    ...\r\n    \"node-sass\": \"^3.4.2\",\r\n    ...\r\n    \"sass-loader\": \"^3.1.2\",\r\n    ...\r\n  },\r\n```"}}