webpack错误无法找到模块'less'

Question

我正在尝试在webpack中使用较少的加载器,问题是 - 我在本地安装了较少的加载器,但是当我尝试使用webpack命令在bask中编译所有内容时,它打印出:"错误找不到模块'少'" .在我的入口点,我需要一些较少的文件

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

这是我的webpack.config文件

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"}

    ]
}
}

什么事,我该如何解决？

Answer 1

发生此错误是因为npm @ 3不再解析peerDependencies.

npm install less less-loader 是要走的路.

Answer 2

听起来你还没有安装less-loader到你的node_modules中.安装它会解决这个问题.

npm install less-loader --save-dev

编辑:当你没有安装css-loader和style-loader你正在链接时,你也会得到这个错误less-loader.

遇到此问题的任何人都可以加上我提交的关于错误消息的问题.https://github.com/webpack/less-loader/issues/89

Answer 3

我遇到过同样的问题.ERROR in找不到'less'模块

??? UNMET PEER DEPENDENCY file-loader@*
??? UNMET PEER DEPENDENCY less@^2.3.1
??? webpack@1.13.2 
??? webpack-dev-server@1.16.2 
npm WARN EPEERINVALID less-loader@2.2.3 requires a peer of less@^2.3.1 
but none was installed.
npm WARN EPEERINVALID url-loader@0.5.7 requires a peer of file-loader@* 
but none was installed.

我尝试如下:

npm install --save-dev less
npm install --save-dev file-loader

然后它解决了问题.

Answer 4

我对.Net Core项目有同样的问题。我通过将更少的内容添加到package.json文件以及更少的加载程序中解决了这一问题。

"less-loader": "2.2.3",
"less": "2.7.2"

Answer 5

就我而言，我less-loader, style-loader and css-loader仍然有同样的错误。当我安装较少时，它就固定了。因此，请确保也减少安装。 npm install less --save-dev解决了我的问题。