

`docker compose up` コマンドを実行した際以下のようなエラーが出てしまい、localhost:8080にアクセスできません。  
どうやらsrcファイルのmain.jsが見つからないようなのですがディレクトリを見たら普通にあるので困っています。どうかご享受お願いします。

[code]

    <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
    
[/code]

**Dockerfile**

[code]

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

**docker-compose.yml**

[code]

    version: '3.7'
    
    services:
      web:
        container_name: web
        build:
          context: .
          dockerfile: Dockerfile
        volumes:
          - '.:/zatubako'
          - '/zatubako/node_modules'
        ports:
          - '8080:8080'
    
[/code]

**ディレクトリ構造**

[code]

    zatubako
    ├─docker-compose.yml
    ├─node_modules
    ├─src
    │ ├─App.vue
    │ ├─main.js
    │ └─assets
    │      │
    │      └─logo
    ├─.babelrc             
    ├─index.html
    ├─webpack.config
    ├─.dockerignore
    └─package.json
    └─Dockerfile
    
[/code]


CC BY-SA 4.0
2020-05-24T07:27:20.127
66942
2022-04-23T15:03:45.300
2020-05-24T13:02:35.293
2376
39431
question
node.js docker vue.js
docker compose時にThis relative module was not found:と出る。


  * [docker runでコンテナを起動しようとしたらnpm ERR！が出る - スタック・オーバーフロー](https://ja.stackoverflow.com/q/66909/2808)

の続きでよいでしょうか。

発生しているのは、同じく参照されているページの[エラー（その３）](https://qiita.com/kskinaba/items/44077529ff2abcd1fcd4#%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%9D%E3%81%AE%EF%BC%93)の内容です。  
webpackを最新化してみてください。

[code]

    npm add webpack@latest
    
[/code]

`package.json`結果:

[code]

    -    "webpack": "^3.6.0",
    +    "webpack": "^4.43.0",
    
[/code]


CC BY-SA 4.0
2020-05-24T19:01:54.923
66950
2020-05-24T19:01:54.923
2808
66942
answer