web-dev-qa-db-ja.com

モジュール 'less'が見つかりませんのwebpackエラー

私はwebpackでより少ないローダーを使用しようとしています-問題はローカルに少ないローダーをインストールしましたが、baskでwebpackコマンドを使用してすべてをコンパイルしようとすると、「モジュールのエラーが見つかりません 'less'」 。私のエントリーポイントでは、以下のようなファイルが必要です

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

    ]
}
}

問題は何ですか？どのように修正する必要がありますか？

lesswebpack
19
Alex Buddy

Node_modulesにless-loaderをインストールしていないようです。これをインストールすると、これが修正されます。

npm install less-loader --save-dev

編集：また、css-loaderをチェーンしているstyle-loaderおよびless-loaderをインストールしていない場合にも、このエラーが発生します。

これに出くわした人は誰でも、悪いメッセージに対して私が提出した問題にプラスすることができます。 「lessの後にモジュールが見つからない場合のエラー」は、lessの後にチェーンされたローダーが見つからない場合。エラーメッセージを修正します 。

19
Sean Larkin

このエラーは、npm @ 3がpeerDependenciesを解決しないために発生します。

npm install less less-loaderは進むべき道です。

53
Dom Sun

同じ問題がありました。 「less」モジュールが見つかりませんのエラー

├── UNMET PEER DEPENDENCY file-loader@*
├── UNMET PEER DEPENDENCY less@^2.3.1
├── [email protected] 
└── [email protected] 
npm WARN EPEERINVALID [email protected] requires a peer of less@^2.3.1 
but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of file-loader@* 
but none was installed.

私は次のように試しました：

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

その後、問題を解決しました。

15
pigfly

.Net Coreプロジェクトでも同じ問題が発生しました。 package.jsonファイルとless-loaderにlessを追加することでこれを解決しました。

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

私の場合、私はすでにless-loader, style-loader and css-loaderそれでも同じエラーが発生していました。私がそれ以下をインストールしたとき、それは修正されました。したがって、インストールも少なくするようにしてください。 npm install less --save-devは私の問題を修正しました。

5
Rupesh Kumar Tiwari

@Zhorian yoursは素晴らしい作品です。低レベルの投票はできませんし、あなたの答えにコメントを追加することもできません。 npm install less --save-devを実行した後、エラーのために動作します：

Module build failed: Error: Cannot find module 'less'

そして、インストールしようとすると：

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

それはあなたに与えます：

├── [email protected]
├── UNMET PEER DEPENDENCY less@^2.3.1
├── [email protected]
└── [email protected]
0
KATHERINE

エラーメッセージは問題をよく説明しています。「less」モジュールがありません。

npm install less --save-devはそれを解決します。

ほとんどの場合、less/less-loader/css-loader/style-loaderがすべて必要です。

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

0
aaron