docker compose時にThis relative module was not found:と出る。

Question

docker compose　upコマンドを実行した際以下のようなエラーが出てしまい、http://localhost:8080/にアクセスできません。

<s> [webpack.Progress] 98% after emitting
web    |  ERROR  Failed to compile with 2 errors2:33:24 AM
web    |
web    | This relative module was not found:
web    |
web    | * ./src/main.js in multi ./node_modules/@vue/cli-service/node_modules/webpack-dev-server/client/index.js ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.js, multi ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./node_modules/@vue/cli-service/node_modules/webpack-dev-server/client/index.js ./src/main.js

Dockerfile

FROM node:10.17.0-alpine3.9
WORKDIR /zatubako
COPY package*.json ./
RUN npm install
CMD ["npm", "run", "serve"]

ディレクトリ構造
zatubako
├─docker-compose.yml
│
├─src
│ ├─App.vue
│ ├─main.js
│ └─assets
│ 　　│
│ └─logo
├─.babelrc
├─index.html
├─webpack.config
├─.dockerignore
└─package.json
└─Dockerfile

どうかご享受お願いします。

Answer 1

WORKDIR /zatubakoが絶対パスになっています。
zatubakoフォルダ直下でdocker-compose upするのであれば以下になります。

この場合、WORKDIRの指定は不要です。
WORKDIRはイメージ内のディレクトリを参照するので、zatubakoフォルダを参照することはできません。

Comments

[Tikka123456]

返信ありがとうございます。DockerfileのWORKDIRは消してdocker compose　upコマンドを実行しましたが、同じエラーが出てきました。
docker-compose build をしたら、npm WARN optional SKIPPING OPTIONAL DEPENDENCYという警告が出てきました。