0

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

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

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 
          } 
         } 
        ] 
       }) 
     }, 

答えて

0

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

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

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

    を実行します。

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

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

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

希望に役立ちます。

Rakesh

+0

私は両方をやってみました。私はサスローダーを使用しています。まだ動かない。 : –

+0

@ShivamKumarあなたの完全な 'webpack.config.js'と' package.json'を含むようにOPを更新できますか? –

+0

@私は既に私のレポへのリンクを提供しています - https://github.com/shivamkumar110/webpack -3-test –