css-loaderを使用しようとするとエラーが発生する

Question

Reactjを使用して開発中に、私はcss-loaderに問題があります。

{ 
test: /\.css$/, 
exclude: /node_modules/, 
loader: 'style-loader!css-loader?localIdentName=[name]__[local]__[hash:base64:5]&modules&importLoaders=1&sourceMap!postcss-loader', 
}, { 
test: /\.css$/, 
include: /node_modules/, 
loaders: ['style-loader', 'css-loader'], 
}, 

そして、これは私がCSSを実装する方法である：基本的に、これは私のwebpack.configある

import styles from './Home.css'; 
. 
. 
. 
<FormControl type="text" className={styles['input-search']}/> 

これは私がHasnodeのmern-スターターを使用しています私のHome.css

.input-search{ 
width: 500px; 
} 

ある

しかし、CSSがロードされていません。私は何をすべきか ？

Answer 1

ただ、このように変更し、それが動作するかどうかを参照してください。そして、あなたのexclude: /node_modules/を追加し、それが動作するかどうか最終的に、すべての追加、

{ 
    test: /\.css$/, 
    loader: 'style-loader!css-loader' 
} 

をそれが動作する場合あなたのクレイジー?localIdentName=[name]__[local]__[hash:base64:5]&modules&importLoaders=1&sourceMap追加。

resolve: { 
    modules: [ 
     path.join(__dirname, '../src/components'), 
     'node_modules' 
    ], 
    extensions: ['.js', '.jsx', '.css'] 
    },