docker-compose上でaxiosパッケージのみが正常にインポートされないです。

Question

前提・実現したいこと

React, Django, PostgreSQL基盤のアプリをdocker-composeで環境構築しています。
ビルドは正常に行われるのですが、アップの際に以下のエラーメッセージが発生し続け、ハマっています。
アップを無事完了させたいのですが、数時間調べた末にも方法がわからずにいて、ご助力お願いしたいです。

発生している問題・エラーメッセージ

frontend_1 |
frontend_1 | > recopi-front@0.1.0 start
frontend_1 | > react-scripts start
frontend_1 |
frontend_1 | (node:26) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
frontend_1 | (Use `node --trace-deprecation ...` to show where the warning was created)
frontend_1 | Starting the development server...
frontend_1 |
frontend_1 | Failed to compile.
frontend_1 |
frontend_1 | ./src/components/Classifier/Classifier.js
frontend_1 | Module not found: Can't resolve 'axios' in '/app/frontend/src/components/Classifier'

該当のソースコード

実行方法

git clone https://github.com/Pionier2027/recopi.git
cd recopi
docker-compose build
docker-compose up

Githubレポジトリ
https://github.com/Pionier2027/recopi

DockerFile(in frontend)
https://github.com/Pionier2027/recopi/blob/main/frontend/Dockerfile

DockerFile(in api)
https://github.com/Pionier2027/recopi/blob/main/api/Dockerfile

docker-compose.yml
https://github.com/Pionier2027/recopi/blob/main/docker-compose.yml

試したこと

DockerfileでRUN npm installを指定して必要なパッケージをインストールしているのですが、axiosだけがインポートできずエラーが起こります。npm install axiosで別でインストールしたり、--save, --silentなどのキーワード指定をしたりしても同じエラーが起こってしまいます。マックブックを使っている別の友人は同じレポジトリをクローンした場合、正常に動いているということなので、Windows OSが原因なのだろうとは思ったのですが、Docker上で動いているのでそこが原因ではないと思っています。

補足情報（FW/ツールのバージョンなど）

OS: Windows OS
Docker Engine: v20.10.5
その他パッケージのバージョンはDockerFile及びレポジトリの参照お願いします。

Answer 1

可能性としては、 docker-compose build で recopi_frontend イメージのビルドに失敗されているのかもしれません。コマンド実行時「 => [4/4] RUN npm install」の後ろのほうで、何かエラーが出ていれば、その内容を確認することで解決につながるかもしれません。

解決には、一度今回のイメージやコンテナを削除し、もう一度、ビルドしなおされたほうがスムーズでしょう。

ちなみに、私の Windows 10 環境の Docker （WSL2 backend）では、build も up も問題なく通り、React で書かれたアプリケーションにブラウザから接続できました。

frontend_1  | ? ｢wds｣: Project is running at http://172.19.0.2/
frontend_1  | ? ｢wds｣: webpack output is served from
frontend_1  | ? ｢wds｣: Content not from webpack is served from /app/frontend/public
frontend_1  | ? ｢wds｣: 404s will fallback to /
frontend_1  | Starting the development server...

元々の Dockerfile や docker-compose.yml には問題なさそうです。