webpack-dev-server 실행에러 해결

오늘 webpack-dev-server를 실행하다가 에러가 났다. 예전엔 분명히

webpack-dev-server

를 실행하면 됐는데 지금은 에러가 난다.

왜 이런 것일까 여기저기를 찾아봐도 웹팩 공식 문서를 봐도 바뀐게 없다.
그래서 git issue를 찾아보았다. 몇몇 사람들이 나와 같은 에러를 겪었고 issue를 작성한 것이 있었다.

관련 이슈

관련 이슈 1
관련 이슈 2

이슈를 보니 webpack-cli가 4버전이 되면서 3.3.12버전에 존재하던 yargs package를 지워버린 것 같다. 그래서 webpack dev server를 쓰기 위해서는
webpack serve를 대신 사용하라는 것 같다. 원래 @webpack-cli/serve를 설치해야 했지만 이제 webpack-cli에 내장되어서 설치 할 필요없이 webpack serve를 입력하면 되는 것 같다.

해결방법

다른 설정은 그대로 한 뒤에 webpack serve를 명령어로 입력하자.


(현재 버전 및 명령어)