docker-compose upした際のnpm errorを解消したい

Question

実現したいこと

https://qiita.com/ukei2021/items/49eb61e4db221346dfe0
Dockerのアウトプットのために上記リンクと同じ内容で構築したいと思ってます。

発生している問題・分からないこと

docker-compose up -d --buildするとfrontendだけ立ち上がらず、後述のエラーになってしまいます。
環境はWSLのUbuntuで行っていますが、別端末では正常に動作しております。
※エラーメッセージはdocker logs frontend-containerの結果になります。

エラーメッセージ

npm error code ENOENT
npm error syscall open
npm error path /var/www/html/package.json
npm error errno -2
npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open '/var/www/html/package.json'
npm error enoent This is related to npm not being able to find a file.
npm error enoent
npm error A complete log of this run can be found in: /root/.npm/_logs/2025-02-25T09_17_02_785Z-debug-0.log

該当のソースコード

version: '3.9'

services:
  backend:
    build:
      context: ./backend
    container_name: backend-container
    volumes:
      - ../src:/var/www/html
    ports:
      - "80:80"
    depends_on:
      - db

  frontend:
    build:
      context: ./frontend
    container_name: frontend-container
    working_dir: /var/www/html
    ports:
      - "5173:5173"
    volumes:
      - ../src:/var/www/html
      - /var/www/html/node_modules  # node_modules を除外

  db:
    image: mysql:latest
    container_name: db-container
    ports:
      - "3306:3306"
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: laravel
      MYSQL_USER: laravel
      MYSQL_PASSWORD: laravel
    volumes:
      - db_data:/var/lib/mysql
      - ./mysql/my.cnf:/etc/mysql/my.cnf

volumes:
  db_data:

FROM node:22

WORKDIR /var/www/html

RUN apt-get update && apt-get install -y \
    git \
    && apt-get clean

COPY package*.json .

CMD ["sh", "-c", "npm install && npm run dev"]

{
    "name": "docker-test",
    "version": "1.0.0",
    "scripts": {
        "start": "node server.js",
        "dev": "node server.js"
    }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

1.CMD ["npm", "install"]してみる
⇒エラー変わらず
2.COPYを色々変更して追加してみる
COPY package*.json .
COPY ./package*.json .
COPY ../../package*.json .
⇒エラー変わらず
3.docker-compose.ymlのcontext: ./docker/node -> context: .に変更
⇒backend含め起動しない
4.working_dirを/var/www/html/frontendに変更
⇒エラー変わらず
5.docker-compose down --volumesまたはdocker-compose down --volumes --rmi allして再ビルド
⇒エラー変わらず

補足

WSL(ubuntu24.04 LTS)
Dockerバージョン：28.0.0(Community)
Docker Composeバージョン：v2.33.0

Comments

[bsdfan]

/var/www/html は ../src をボリュームマウントしているので、../src/package.json がないのではないでしょうか。Dockerfile の COPY 云々は今のエラーとはあまり関係ないと思われます。
docker compose exec frontend sh とかで、コンテナに入ってみて、/var/www/html がどうなっているか確認してみてはどうでしょう。

[matsu_918]

ホスト側のsrc配下にpackage.jsonがあります。
docker-compose run --rm frontend shして後にls -l /var/www/htmlして確認するとfrontendフォルダやpackage-lock.jsonはありますが、確かにpackage.jsonは存在しません。
マウントは問題ないのかなと思っています。

[bsdfan]

/var/www/html に frontend ディレクトリが存在するのは想定通りですか？
なんとなく想定外のディレクトリをマウントしているように見えます。(実は違う内容の docker-compose.yml を使っている、とか)。
docker inspect でコンテナの情報を確認すると、実際のどこにどこのディレクトリをマウントしているか確認できると思います。

[matsu_918]

ありがとうございます。
再度確認しましたが、やはりマウントやディレクトリの配置、存在は問題ありませんでした。
Windowsにマウントせず直接wslのubuntu内にソースを配置して解決しました。

Answer 1

Windowsにマウントせず直接wslのubuntu内にソースを配置して解決しました。