web-dev-qa-db-ja.com

モジュール 'webpack / bin / config-yargs'が見つかりません

webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/の実行中にエラーが発生しました。エラーログは次のとおりです。

module.js:442
throw err;
^

Error: Cannot find module 'webpack/bin/config-yargs'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3) 
26

同様の問題がありました。ウェブパックのバージョンに関連していると思います。ウェブパックのバージョンを変更した後、最新のものはすべて大丈夫でした...

16
Nikola Spalevic

Package.jsonでwebpackバージョンを1.xから2.xに変更してみてください:

例えば:

 "devDependencies": {
    "webpack": "2.2.0-rc.3",
    "webpack-dev-server": "2.1.0-beta.0",
    "webpack-validator": "^2.3.0"
  }

これは、プレリリースバージョンのwebpack-dev-serverとリリースバージョンのwebpackを使用する場合、またはその逆の場合に発生します。

12
Sridhar Sg

また、webpackをローカルにインストールしただけで、まだグローバルにインストールしていない場合にもこのエラーが発生します。

私はwebpack-dev-serverをグローバルにインストールしましたが、webpackのグローバルインストールに依存していました。公平に言うと、npmはwebpack-dev-serverのインストール中に文句を言いました:

UNMET PEER DEPENDENCY webpack@^2.2.0

7
LukeP

Webpack-cliをインストールするのを忘れました。だから私はコマンドを実行し、問題が修正されました。

npm i -D webpack-cli
6
Karthik

Webpackバージョンを3.0に、web-dev-serverを2.7.1に変更してみてください

例えば:

"devDependencies": {
    "webpack": "^3.0.0",
    "webpack-cli": "2.0.13",
    "webpack-config-utils": "2.0.0",
    "webpack-dev-server": "^2.7.1",
    "webpack-validator": "2.2.7"
}
4
SHRIDHAR

一般的な状況はWebpackによるものであり、webpack-dev-serverバージョンには互換性がありません。私もこの問題を抱えているように、私のコンピューターのWebパックは1.15.0ですが、webpack-dev-serverはバージョン2.x以上です。そこでwebpack-dev-serverをアンインストールします。npm uninstall webpack-dev-server -gその後、webpack-dev-serverの1.15.0バージョンをインストールします。npminstall [email protected]でこの問題を解決できます- g

4
mspriyakk

Webpack 4でも同じ問題がありました。

バージョン互換性の問題です。

この問題を修正するには、次のコマンドを実行してwebpack-cliをweb pack 4にインストールします。

 yarn add webpack-cli -D
2

npm startを直接コンソールで実行するのではなく、単に 'webpack-dev-server'を実行するラッパーであるwebpack-dev-serverを実行して、このソリューションを修正しました。問題は、オプションを渡すべきではないメソッドにオプションを渡すことでした。

webpack-dev-servernpm startを実行すると、正しいエラーメッセージが表示されました。 webpack-dev-serverを直接実行すると、「エラー:モジュール 'webpack/bin/config-yargs'が見つかりません」と表示されます。奇妙な。

私は:「webpack」:「^ 2.6.1」、「webpack-dev-server」:「^ 2.7.1」

2
Austin Kim

これは通常、ライブラリー(webpack/yargsを含む)間のバージョンの不一致が原因です。これは、プロジェクトをしばらく放置し、node_modulesディレクトリ内の一部の依存関係が古くなった場合に頻繁に発生します。さまざまなバージョンのすべてに煩わされる前の非常に簡単な解決策は、node_modulesディレクトリを一時的な場所に移動してnpm installを再実行することです。

% mv node_modules nod_modules.REMOVED
% npm install

次に、webpackを再実行してください。

1
Rob Bailey

私はこれらの依存関係を使用してきました。

"webpack": "^3.0.0",
"webpack-cli": "2.0.13",
"webpack-config-utils": "2.0.0",
"webpack-dev-server": "^2.7.1",
"webpack-validator": "2.2.7"
1
srinath

すべてのパッケージをアップグレードするには(webpack-cliおよびwebpack-dev-serverのインストール後)、次のことができます。

npm --depth=9999 upgrade

これにより、一致しないバージョンの問題が修正されます。

1
serv-inc

Webpackバージョン(およびwebpack CLI)を更新します。

npm install --save-dev webpack webpack-cli webpack-dev-server webpack-merge

上記のいずれかを使用しない場合は、お気軽に省略してください。

0
Raz

これらは私のために働いた:

"webpack": "^4.31.0",
"html-webpack-plugin": "^3.0.0",
"webpack-bundle-analyzer": "^3.3.2",
"webpack-cli": "^3.3.2",
"webpack-dev-server": "^3.3.1",
"webpack-merge": "^4.1.0"
0
dream-blue