webpack error in Cannot find module 'less'

less webpack
Alex Buddy picture Alex Buddy · Apr 21, 2016 · Viewed 39.9k times · Source

I'm trying to use less loader in webpack and the issues is - I've installed less loader locally, but when I try to compile everything using webpack command in bask, it prints out: "ERROR in Cannot find module 'less'". In my entry point I require some less file like 

require("./less_components/style.less");

Here is my webpack.config file 

module.exports = {

entry: "./entry.js",

output: {

    path: "./build",

    filename: "./bundle.js"

},

module: {

    loaders: [

        {test: /\.js$/, exlude: /node_modules/, loader: "babel-loader"},

        {test: /\.less$/, loader: "style!css!less"}

    ]
}
}

What's the matter and how I should fix it?

Answer

Dom Sun picture Dom Sun · Apr 3, 2017

This error happens because npm@3 does not resolve peerDependencies any more.

npm install less less-loader is the way to go.

Related questions

using less-loader in webpack

I am creating a bundle.js file with webpack. I have decided I want to start using LESS as well and I have tried to add the less-loader as per the instructions: https://github.com/webpack-contrib/less-loader I ran: npm-install …

Read More
Can I use css-modules with LESS + nesting?

The documentation on css-modules is pretty sparse, so I'm not sure if I can do this or not. This article says the way I'd style a button with normal and error states would look like this: .common { /* font-sizes, padding, border-radius */ } .…

Read More
Correct way to create rounded corners in Twitter Bootstrap

I've just started with Twitter Bootstrap and here is one question. I am creating custom <header> block, and I want it's bottom corners to be rounded. Is there any "correct" way to do this by using predefined classes, …

Read More