のWebPACKは、「スタイルを読み込む...」の後にエラー

Question

無効なCSSのためのSASSファイルをコンパイル：予想1つのセレクタまたはで規則を、 『VAR内容= requiが』

だった私は、私は「ときSASSを使用する必要がありますm webapckを使用しています。 そして、このエラーがあります。 最後に、コンパイラを変更してコンパイラを修正しました。 私のコードは、私はそれを投稿し、私は同じ問題を抱えている友人がいます。

{ 
 
    test:/\.scss $/, 
 
    include:/node_modules /,// emphasis is on this line of code problem solving 
 
    loaders: [" style - loader ", "css-loader", "sass-loader"]// webpack2 needs to be added in the back - loader 
 
}

Answer 1

あなたは、サードパーティのSCSSファイルを構築するためにWebPACKのを使用すべきではありません。それらはすでにCSSに変換され、インポートとして使用できるようになっているはずです。問題の原因になっている可能性があります。また、webpack 2を使用している場合、ルールは正しく構成されていません。 webpack 2のドキュメントhttps://webpack.js.org/loaders/sass-loader/#components/sidebar/sidebar.jsx：

module: { 
     rules: [{ 
      test: /\.scss$/, 
      use: [{ 
       loader: "style-loader" 
      }, { 
       loader: "css-loader" 
      }, { 
       loader: "sass-loader", 
       options: { 
        includePaths: ["absolute/path/a", "absolute/path/b"] 
       } 
      }] 
     }] 
    }