Webpackが画像を解決できない

Question

私は全面を検索しました。しかし、私はまだ私の問題を解決することができませんでした。誰かがこれで私を助けてくださいできますか？イメージファイルを解決できないというエラーメッセージが表示され続けます。 scssファイルを別のsassファイルにインポートしているため、相対パスまたは絶対パスとは何か関係があります。また、この型を処理するための適切なローダーが必要であるというエラーはありません。

This is my webpack config. 
`{test: /\.(jpe?g|png|gif|svg)$/i, 
    use: 'file-loader' 
    }, 
    { 
    test: /.scss$/, 
    use: ExtractTextPlugin.extract({ 
     fallback: 'style-loader', 
     use: 'css-loader!resolve-url-loader!sass-loader', 
     publicPath: '/' 
    }) 
    },` 

私は別のSASSファイルにそれをロードするために@importを使用しています。

&:after { background: url('./images/themeTab.png') no-repeat center;} 

Answer 1

、URLを書き換える方法を任意の先行ローダーにresolve-url-loaderneeds source maps enabledを知るために。

use: 'css-loader!resolve-url-loader!sass-loader?sourceMap', 

：

は次のようにあなたの .scssローダーチェーンを変更