Can't resolve 'css-loader' - Webpack Getting Started Error

Question

Following exactly the getting started guide on the webpack site I run into this error on build:

ERROR in ./src/index.js Module not found: Error: Can't resolve 'css-loader' in 'C:\Users\Dominik\Desktop\tutorial' @ ./src/index.js 2:0-21 webpack.config.js

The css-loader is installed locally. It is registered in the package.json. What Im I doing wrong?

    const path = require("path");

    module.exports = {
      entry: "./src/index.js",
      output: {
        filename: "bundle.js",
        path: path.resolve(__dirname, "dist")
      },
      module: {
        rules: [
          {
            test: /\.css$/,
            use: ["style-loader", "css-loader"]
          }
        ]
      }
    };

package.json

    {
      "name": "tutorial",
      "version": "1.0.0",
      "description": "",
      "private": true,
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "build": "webpack"
      },
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "css-loader": "^3.4.0",
        "style-loader": "^1.1.1",
        "webpack": "^4.41.4",
        "webpack-cli": "^3.3.10"
      },
      "dependencies": {
        "lodash": "^4.17.15"
      }
    }

index.js

    import _ from "lodash";
    import "./style.css";

    function component() {
      const element = document.createElement("div");

      element.innerHTML = _.join(["Hello", "webpack"], " ");
      element.classList.add("hello");

      return element;
    }

    document.body.appendChild(component());

style.css

    .hello {
      color: red;
    }

T. Short · Accepted Answer · 2019-12-20 17:05:27Z

2

Try re-running npm install --save-dev css-loader. Can you see it in your node_modules folder?

EDIT

Uninstalling and re-installing the module fixed it:

npm remove css-loader && npm install --save-dev css-loader

edited Dec 20, 2019 at 17:05

answered Dec 20, 2019 at 16:46

T. Short

3,62417 silver badges30 bronze badges

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

4 Comments

Dominik Kolesar Over a year ago

Tried. Again. No success. Yes. It's there.

Dominik Kolesar Over a year ago

Okay. I don't know what happened. But uninstalling it with npm uninstall --save-dev css-loader and installing it again made the trick.

T. Short Over a year ago

Yes, as I suspected, something not quite right with how it was installed originally :)

Dominik Kolesar Over a year ago

Initial install was: npm install --save-dev style-loader css-loader I copied it from webpack getting started site.

Collectives™ on Stack Overflow

Can't resolve 'css-loader' - Webpack Getting Started Error

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related