Dockerを使ったGatsbyの開発環境構築

Question

Dockerを使ってGatsbyの開発環境を構築しています。
コンテナを立ち上げる際に下記のエラーが表示され、立ち上げることができない状態です。
ご教授よろしくお願いします。

gatsby     |  ERROR
gatsby     | 
gatsby     | There was a problem loading the local develop command. Gatsby may not be
gatsby     | installed in your site's "node_modules" directory. Perhaps you need to run "npm
gatsby     | install"? You might need to delete your "package-lock.json" as well.

Dockerfile

FROM node:14.15.0-alpine3.10
WORKDIR /usr/src/app
RUN apk update && \
    apk add git yarn build-base autoconf automake libtool pkgconfig nasm && \
    yarn global add gatsby-cli && \
    gatsby options set package-manager yarn && \
    yarn add gatsby-plugin-typescript typescript
EXPOSE 8000 9000 

docker-compose.yml

front:
    build:
      context: ./frontend/
      dockerfile: Dockerfile
    command: "gatsby develop  --host=0.0.0.0"
    container_name: gatsby
    volumes:
      - ./frontend:/usr/src/app
    ports:
      - "8000:8000"
      - "9000:9000"
    environment:
      - NODE_ENV=development
    stdin_open: true

Answer 1

docker compose run front npm install を実行してから起動 (docker compose up) してみて下さい。

docker-compose.ymlでホストOS側のfrontendディレクトリをマウントしているので、コンテナ内でnode_modulesが空になってしまっているんだと思います。

    volumes:
      - ./frontend:/usr/src/app