errore CSS non valido per sass-loader

Question

mio app.scss

.tes { 
    color: red; 
} 

L 'errore di uscita quando eseguo ./node_modules/.bin/webpack

ERROR in ./~/css-loader!./~/sass-loader?indentedSyntax!./www/assets/app.scss 
Module build failed: 
.tes { 
    ^
     Invalid CSS after ".tes {": expected "}", was "{" 
     in ./www/assets/app.scss (line 1, column 7) 
@ ./www/assets/app.scss 4:14-135 13:2-17:4 13:2-17:4 14:20-141 

mio webpack.config

module: { 
     loaders: [ 
      { 
       test: /\.scss$/, 
       loader: 'style!css!sass?indentedSyntax' 
      }, 
      { 
       test: /\.css$/, 
       loader: 'style!css' 
      }, { 
       test: /\.(woff|woff2|ttf|eot|svg)(\?]?.*)?$/, 
       loader: 'file-loader?name=res/[name].[ext]?[hash]' 
      } 
     ] 
    }, 

E il mio app.js

require('./www/assets/app.scss'); 

var angular = require('angular'); 
var uiRouter = require('angular-ui-router'); 
require('velocity-animate'); 
require('node-lumx'); 

var HomeController = require('./www/components/home/homeController'); 

angular.module('app', ['lumx', uiRouter]) 
... //OMITED 

Answer 1

La soluzione sarebbe quella di modificare l'estensione del file in sass se si desidera utilizzare sintassi sass perché dalla versione 3.2.0, sass-loader ricaverà lo stile che si desidera utilizzare dall'estensione del file. Ha funzionato per me.

Answer 2

Provare a utilizzare loader sass senza l'opzione "indentedSyntax" come '! Stile css sass!'

Maggiori informazioni si possono leggere la documentazione qui: http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html