Lesson4

プログラミングとか読書とか日常のログ

Error: Cannot find module 'webpack-cli/bin/config-yargs' が出たときのメモ

webpack-cliをバージョンアップして webpack-dev-server を実行した際に以下のエラーが出たので対応をメモ。

$ webpack-dev-server --config webpack/webpack.config.js
internal/modules/cjs/loader.js:638
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
    at Function.Module._load (internal/modules/cjs/loader.js:562:25)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/Users/tomoya.osada/develop/nikawa/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

バージョン

    "webpack-cli": "^3.3.12",
    ↓にバージョンアップ
    "webpack-cli": "^4.3.1",

対応

開発用サーバーを立ち上げる際のコマンドを以下に変更した

webpack-cli serve --mode development --config webpack/webpack.config.js

バージョンアップした4系ではエラー内容に出ている webpack-cli/bin/config-yargs がなくなっていいて別のコマンドで起動するように変更されているようでした。

github.com