無効なCSSエラー

マイapp.scss無効なCSSエラー

.tes { 
    color: red; 
}

私は./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

マイ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]' 
      } 
     ] 
    },

そして、私の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

出典

2015-11-02 ridermansb

'indentedSyntax'私はそれが中かっこは使用しないでくぼんだ構文を使用することを期待していると思う：http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html –

これは.. ..ありがとう！あなたは私の問題を解決しました。しかし、別のerro apper 'Uncaught SyntaxError：missing）は引数リストの後に'ブラウザでのみです。 – ridermansb

@ExplosionPills、それを答えとして追加する必要があります。それは正解です。それはまた私を助けました。ありがとう！ – Jake

バージョン3.2.0では、sass-loaderがファイル拡張子から使用するスタイルを派生するため、sass構文を使用する場合は、ファイル拡張子をsassに変更することです。それは私のために働いた。

出典

2016-07-19 07:25:07 ghsamm

またはsass-loaderのindentedSyntaxオプションを 'saa？indentedSyntax'のように使用することができます – ghsamm

としてオプション「indentedSyntax」なしでSASSローダーを使用してみてください！「スタイルCSS SASS！」

あなたがここにドキュメント読むことができます

さらに詳しい情報：あなたはオプションと `sass`ローダーを使用しているのでhttp://sass-lang.com/documentation/file.INDENTED_SYNTAX.html

出典

2017-01-22 15:14:25

無効なCSSエラー

答えて

関連する問題