Node(npm)でWebpackコマンドでエラーになる

はじめに

「TypeScriptハンズオン」という書籍を勉強するにあたって、書籍の環境構築手順をDocker環境で構築しようと考えました。

試行錯誤して1度できたのですが、なぜか2回目にやったときにコマンド実行でエラーが発生しました。そこで発生した事象が調べたところどこにもなかったのでまとめます。

問題

以下のようなエラーが発生しました。

$ npx webpack-cli init
=> [webpack-cli] No commands found to run

$ npx webpack-dev-server
=> const maxPort = 65_535でシンタックスエラー
=> webpack-dev-server syntaxerror unexpected token =のエラーもでた

前に1度作成したときにはできたのになぜか同じ手順を踏んでもできなくなっていました。

解決方法

原因はDockerで利用しているNodeイメージが古いことでした
node:10を古い記事をみて利用していました。これをnodeに変更することでエラーなくできるようになりました

FROM node:10
↓
FROM node

おわりに

ここに気付くまでにかなりの時間を費やしてしまいました。
ネットにも解決方法がなく試行錯誤して原因をつきとめるのが大変でした