Не удается разрешить модуль 'css-loader' - PullRequest
Новая
       28

Не удается разрешить модуль 'css-loader'

0 голосов
/ 05 июля 2019

Вот мой webpack.config.js.Я не могу заставить это работать.Помимо этого кода, я предоставляю 'import' ../style.css 'моему корневому компоненту.Я разделил код на 2 пакета и хочу получить третий, на этот раз с помощью CSS.Тем не менее, это не работает.Справка! 

const webpack = require('webpack');
const path =  require('path');

module.exports = {
  entry: {
  app: ['./src/App.jsx'],
  vendor: ['react','react-dom','whatwg-fetch','babel-polyfill','react- 
         router','react-router-bootstrap','react-bootstrap'],
 },

  output: {
  path:path.resolve(__dirname,'static'),
  filename: 'app.bundle.js',  
},
module: {
 loaders: [  
{
  test: /\.css$/,
 loader: 'style-loader'
},   
{
  test: /\.css$/,
 loader: 'css-loader'
 },      
    {
      test: /\.jsx$/,
      loader: 'babel-loader',
      query: {
         presets: ['react','es2015']
    }, 
  },
 ],
   resolve: {
      extensions:['.js','.jsx','.css'],
   },
 },
plugins: [
new webpack.optimize.CommonsChunkPlugin('vendor','vendor.bundle.js'), 
  ],
}

Модуль не найден: Ошибка: Не удается разрешить модуль 'css-loader'

1 Ответ

1 голос
/ 05 июля 2019

Убедитесь, что у вас установлены модули css-loader и style-loader

npm install style-loader css-loader --save-dev

Вы также можете объединить ваши загрузчики так, чтобы у вас был только один блок правил для вашего css

test: /\.css$/,
use: [
    {
        loader: 'style-loader'
    },
    {
        loader: 'css-loader'
    }
]
...