Wie funktioniert Karma mit einem Webpack, Angular2 und SASS Projekt?

Ich benutze angular2-webpack-starter und ich habe meine Stylesheets als SASS. Alles funktioniert perfekt, aber wenn ich versuche Karma Tests ausführen es nicht mir geben diesen FehlerWie funktioniert Karma mit einem Webpack, Angular2 und SASS Projekt?

ERROR in ./src/app/widgets/message/messages.scss 
Module parse failed: d:\ui_widgets-A2\src\app\widgets\message\messages.scss Unexpected token (6:22) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (6:22) 
    at Parser.pp.raise (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:920:13) 
    at Parser.pp.unexpected (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1483:8) 
    at Parser.pp.semicolon (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1462:73) 
    at Parser.pp.parseExpressionStatement (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1976:8) 
    at Parser.pp.parseStatement (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1754:188) 
    at Parser.pp.parseTopLevel (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1648:21) 
    at Parser.parse (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1616:17) 
    at Object.parse (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:882:44) 
    at Parser.parse (d:\ui_widgets-A2\node_modules\webpack\lib\Parser.js:902:15) 
    at DependenciesBlock.<anonymous> (d:\ui_widgets-A2\node_modules\webpack\lib\NormalModule.js:104:16) 
    at DependenciesBlock.onModuleBuild (d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:310:10) 
    at nextLoader (d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:275:25) 
    at d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:259:5 
    at Storage.finished (d:\ui_widgets-A2\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:38:16) 
    at d:\ui_widgets-A2\node_modules\graceful-fs\graceful-fs.js:78:16 
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:439:3) 
@ ./src/app/widgets/message/message.component.ts 9:431-457

Ich habe versucht zu installieren karma-sass-preprocessor und karma-scss-preprocessor aber nichts scheint zu funktionieren. Was soll ich machen?

Quelle

2016-05-12 Mostafa Fateen

Die Antwort ist ziemlich trivial, ich hatte

{ 
    test: /\.scss$/, 
    exclude: /node_modules/, 
    loaders: ['raw-loader', 'sass-loader'] 
    }

in meinem webpack.common.js und aus irgendeinem Grund dachte ich, dass webpack.test.js bekam es auch, aber wie sich herausstellte sollte ich es auch zu webpack.test.js

Quelle

2016-05-17 08:33:28