Cannot resolve module 'css-loader'

Question

Here's my webpack.config.js. I can't make it work. Besides that code, I provide 'import '../style.css' to my root component. I split the code to 2 bundles and want to get the third, this time with the css. However, it doesn't work.

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

Module not found: Error: Cannot resolve module 'css-loader'

Luke Flournoy · Accepted Answer · 2019-07-05 17:27:45Z

4

Make sure you have the css-loader and style-loader modules installed

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

You can also chain your loaders together so that you only have one rule block for your css

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

edited Jul 5, 2019 at 17:27

answered Jul 5, 2019 at 17:21

Luke Flournoy

3,8333 gold badges18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joe Over a year ago

Well, I actually kinda forgot to install one of them. THANK YOU! It worked!

Kas Elvirov · Accepted Answer · 2023-02-17 12:52:21Z

0

I have CRA and today it stopped starting because of this error

Installing css-loader directly worked for me

npm install css-loader --save-dev

answered Feb 17, 2023 at 12:52

Kas Elvirov

8,1784 gold badges49 silver badges66 bronze badges

Comments

Kas Elvirov · Accepted Answer · 2023-03-18 14:32:01Z

-1

Luke Flournoy provided a perfect answer to this question. Make sure you have the css-loader and style-loader modules installed

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

You can also chain your loaders together so that you only have one rule block for your css

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

edited Mar 18, 2023 at 14:32

Kas Elvirov

8,1784 gold badges49 silver badges66 bronze badges

answered Jul 27, 2019 at 12:58

Joe

451 silver badge7 bronze badges

Collectives™ on Stack Overflow

Cannot resolve module 'css-loader'

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related