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)
同様の問題がありました。ウェブパックのバージョンに関連していると思います。ウェブパックのバージョンを変更した後、最新のものはすべて大丈夫でした...
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
を使用する場合、またはその逆の場合に発生します。
また、webpack
をローカルにインストールしただけで、まだグローバルにインストールしていない場合にもこのエラーが発生します。
私はwebpack-dev-server
をグローバルにインストールしましたが、webpack
のグローバルインストールに依存していました。公平に言うと、npmはwebpack-dev-server
のインストール中に文句を言いました:
UNMET PEER DEPENDENCY webpack@^2.2.0
Webpack-cliをインストールするのを忘れました。だから私はコマンドを実行し、問題が修正されました。
npm i -D webpack-cli
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"
}
一般的な状況は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
Webpack 4でも同じ問題がありました。
バージョン互換性の問題です。
この問題を修正するには、次のコマンドを実行してwebpack-cliをweb pack 4にインストールします。
yarn add webpack-cli -D
npm start
を直接コンソールで実行するのではなく、単に 'webpack-dev-server'を実行するラッパーであるwebpack-dev-server
を実行して、このソリューションを修正しました。問題は、オプションを渡すべきではないメソッドにオプションを渡すことでした。
webpack-dev-server
でnpm start
を実行すると、正しいエラーメッセージが表示されました。 webpack-dev-server
を直接実行すると、「エラー:モジュール 'webpack/bin/config-yargs'が見つかりません」と表示されます。奇妙な。
私は:「webpack」:「^ 2.6.1」、「webpack-dev-server」:「^ 2.7.1」
これは通常、ライブラリー(webpack/yargsを含む)間のバージョンの不一致が原因です。これは、プロジェクトをしばらく放置し、node_modulesディレクトリ内の一部の依存関係が古くなった場合に頻繁に発生します。さまざまなバージョンのすべてに煩わされる前の非常に簡単な解決策は、node_modulesディレクトリを一時的な場所に移動してnpm installを再実行することです。
% mv node_modules nod_modules.REMOVED
% npm install
次に、webpackを再実行してください。
私はこれらの依存関係を使用してきました。
"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"
すべてのパッケージをアップグレードするには(webpack-cli
およびwebpack-dev-server
のインストール後)、次のことができます。
npm --depth=9999 upgrade
これにより、一致しないバージョンの問題が修正されます。
Webpackバージョン(およびwebpack CLI)を更新します。
npm install --save-dev webpack webpack-cli webpack-dev-server webpack-merge
上記のいずれかを使用しない場合は、お気軽に省略してください。
これらは私のために働いた:
"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"