TypeScript の環境構築時、以下のコマンドでローカルサーバーを立ち上げようとしました。

webpack-dev-server --mode development --open

すると、以下のエラーが発生しました。

internal/modules/cjs/loader.js:834
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'

原因は、webpack-cliのバージョンが 4 以降の場合、config-yargsが存在しないからです。

対応方法としては、webpack-dev-server --mode development --openを以下のコマンドに書き換えます。

webpack serve --mode development --open 'google chrome'

image2

ブラウザで確認すると、

image3

無事、起動することができました。

Firefox で起動したい場合は、Chrome を Firefox に変えると成功します。

webpack serve --mode development --open 'Firefox'

Error: Cannot find module 'webpack-cli/bin/config-yargs'でお困りの方は、ぜひ試してみてください。

ブログ一覧