css-loader sass-loaderの解析エラー

Question

webpack 1から3に移行しています。非常に多くのエラーが発生したので、ここで取り組んでいます。誰かを喜ばせることができますHELP！

私は、これらのエラーを取得しています -

ERROR in ./src/main/main.scss 
Module parse failed: Unexpected token (1:4) 
You may need an appropriate loader to handle this file type. 
| body{ 
|  color: red; 
| } 
@ ./src/main/js/App.jsx 13:0-23 
@ ./src/main/js/index.jsx 

ここではサンプルのレポだ - https://github.com/shivamkumar110/webpack-3-test

、ここでは私のwebpack.config.js

module: { 
     rules: [ 
     { 
      test: /\.jsx?$/, 
      use: ['eslint-loader'], 
      include: SRC, 
      enforce: 'pre' 
     }, { 
      test: /\.jsx?$/, 
      use: ['babel-loader'], 
      include: SRC 
     }, { 
      test: /(\.css|\.scss)$/, 
      include: SRC, 
      use: ExtractTextPlugin.extract({ 
       fallback: 'style-loader', 
       use: [ 
         { 
         loader:'css-loader', 
         options: { 
          sourceMap:true 
          } 
         }, 
         { 
         loader: 'sass-loader', 
         options: { 
          sourceMap: true 
          } 
         } 
        ] 
       }) 
     }, 

Answer 1

ほとんどの場合、あなたからの抜粋ですsass-loaderがありません。あなたにできることは

1. がwebpack docsに概説されているように必要なローダーがインストールされていることを確認しています。

   すなわちは、問題を修正する必要がありnpm install sass-loader node-sass css-loader style-loader --save-dev

   を実行します。

2. 上記を実行した後で修正されない場合は、ローカルnode_modulesフォルダを一時的な場所に移動し、npm installを実行します。これにより、すべてのモジュールが新しく取得されます。

   もう一度webpackを実行してください。は間違いなくです。

どうすればいいのか教えてください。

希望に役立ちます。

Rakesh