発生した問題
アプリの動作には問題ないが、エディタなどでエラーが起きるためホスト側にnode_modulesを読み込ませる(作成する)必要があるため、作成しようとしたら下記の問題に遭遇した。
-
DockerでNext.jsの環境を構築する際に、
npm installをすると作成されるnode_modulesが空ディレクトリでホスト側に作成される -
(上記と同じため省略)
node_modulesがホスト側に作成されない -
バインドマウントや名前付きボリュームマウントだと、ホスト側(またはコンテナ側)で
node_modulesが上書きされてしまい正常に動作しない
問題の解決方法
- コンテナ起動時に
npm installを実行
すなわち、DockerfileのCMDやdocker-compose.ymlのcommandでnpm installをすることで解決した。
ですがこの解決方法では、再現性やビルド時間を考慮してイメージビルド時、つまりイメージ内で依存関係のインストールを完了したいという要件では、上記の対応策は意味をなさないでしょう。
ですので私は、ローカル開発環境ではコンテナ起動時に、本番環境ではイメージビルド時にnpm installするように対応しました。