Bug: Docker compose service setupt with vite+react

[shivam-sharma7]

Details

I have a docker compose service for mern project and my two services running but frontend service container not running because of the following error. I'm attaching my docker compose setup and docker logs

1. check my Docker compose

version: '3'

services:
  frontend:
    build:
      context: './client'
      dockerfile: Dockerfile
    ports: 
      - '3000:3000'
    container_name: client
    networks:
      - mern-stack-network
    volumes:
      - './client:/app'
    depends_on:
      - backend
  
  backend:
    build:
      context: './server'
      dockerfile: Dockerfile
    ports: 
      - '5050:5050'
    container_name: server
    networks:
      - mern-stack-network
    volumes:
      - './server:/app' 
    depends_on:
      - mongo

  mongo:
    image: mongo
    ports:
      - '27017:27017'
    container_name: mongo
    networks:
      - mern-stack-network
    volumes:
      - 'mongodata:/data/db'

    environment:
      - MONGO_INITDB_ROOT_USERNAME=admin
      - MONGO_INITDB_ROOT_PASSWORD=secret
      - MONGO_INITDB_DATABASE=hotel

networks:
  mern-stack-network:
    
volumes:
  mongodata:

Node.js version

20.13.0

Example code

2. Docker logs for frontend

2024-05-08 21:16:40 
2024-05-08 21:16:40 > client@0.0.0 dev
2024-05-08 21:16:40 > vite
2024-05-08 21:16:40 
2024-05-08 21:16:42 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:16:42 throw new Error(
2024-05-08 21:16:42       ^
2024-05-08 21:16:42 
2024-05-08 21:16:42 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:16:42     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:16:42     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:16:42     ... 3 lines matching cause stack trace ...
2024-05-08 21:16:42     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:16:42     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:16:42     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:16:42     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:16:42     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:16:42   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:16:42   Require stack:
2024-05-08 21:16:42   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:16:42       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:16:42       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:16:42       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:16:42       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:16:42       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:16:42       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:16:42       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:16:42       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:16:42       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:16:42       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:16:42     code: 'MODULE_NOT_FOUND',
2024-05-08 21:16:42     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:16:42   }
2024-05-08 21:16:42 }
2024-05-08 21:16:42 
2024-05-08 21:16:42 Node.js v20.13.0
2024-05-08 21:21:22 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:21:22 throw new Error(
2024-05-08 21:21:22       ^
2024-05-08 21:21:22 
2024-05-08 21:21:22 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:21:22     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:21:22     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:21:22     ... 3 lines matching cause stack trace ...
2024-05-08 21:21:22     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:21:22     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:21:22     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:21:22     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:21:22     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:21:22   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:21:22   Require stack:
2024-05-08 21:21:22   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:21:22       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:21:22       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:21:22       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:21:22       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:21:22       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:21:22       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:21:22       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:21:22       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:21:22       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:21:22       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:21:22     code: 'MODULE_NOT_FOUND',
2024-05-08 21:21:22     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:21:22   }
2024-05-08 21:21:22 }
2024-05-08 21:21:22 
2024-05-08 21:21:22 Node.js v20.13.0
2024-05-08 21:21:46 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:21:46 throw new Error(
2024-05-08 21:21:46       ^
2024-05-08 21:21:46 
2024-05-08 21:21:46 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:21:46     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:21:46     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:21:46     ... 3 lines matching cause stack trace ...
2024-05-08 21:21:46     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:21:46     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:21:20 
2024-05-08 21:21:20 > client@0.0.0 dev
2024-05-08 21:21:20 > vite
2024-05-08 21:21:20 
2024-05-08 21:21:45 
2024-05-08 21:21:45 > client@0.0.0 dev
2024-05-08 21:21:45 > vite
2024-05-08 21:21:45 
2024-05-08 21:31:03 
2024-05-08 21:31:03 > client@0.0.0 dev
2024-05-08 21:31:03 > vite
2024-05-08 21:31:03 
2024-05-08 21:31:26 
2024-05-08 21:31:26 > client@0.0.0 dev
2024-05-08 21:31:26 > vite
2024-05-08 21:31:26 
2024-05-08 21:40:24 
2024-05-08 21:40:24 > client@0.0.0 dev
2024-05-08 21:40:24 > vite
2024-05-08 21:40:24 
2024-05-08 21:21:46     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:21:46     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:21:46     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:21:46   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:21:46   Require stack:
2024-05-08 21:21:46   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:21:46       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:21:46       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:21:46       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:21:46       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:21:46       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:21:46       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:21:46       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:21:46       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:21:46       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:21:46       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:21:46     code: 'MODULE_NOT_FOUND',
2024-05-08 21:21:46     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:21:46   }
2024-05-08 21:21:46 }
2024-05-08 21:21:46 
2024-05-08 21:21:46 Node.js v20.13.0
2024-05-08 21:31:04 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:31:04 throw new Error(
2024-05-08 21:31:04       ^
2024-05-08 21:31:04 
2024-05-08 21:31:04 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:31:04     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:31:04     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:31:04     ... 3 lines matching cause stack trace ...
2024-05-08 21:31:04     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:31:04     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:31:04     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:31:04     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:31:04     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:31:04   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:31:04   Require stack:
2024-05-08 21:31:04   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:31:04       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:31:04       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:31:04       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:31:04       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:31:04       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:31:04       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:31:04       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:31:04       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:31:04       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:31:04       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:31:04     code: 'MODULE_NOT_FOUND',
2024-05-08 21:31:04     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:31:04   }
2024-05-08 21:31:04 }
2024-05-08 21:31:04 
2024-05-08 21:31:04 Node.js v20.13.0
2024-05-08 21:31:27 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:31:27 throw new Error(
2024-05-08 21:31:27       ^
2024-05-08 21:31:27 
2024-05-08 21:31:27 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:31:27     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:31:27     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:31:27     ... 3 lines matching cause stack trace ...
2024-05-08 21:31:27     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:31:27     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:31:27     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:31:27     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:31:27     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:31:27   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:31:27   Require stack:
2024-05-08 21:31:27   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:31:27       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:31:27       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:31:27       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:31:27       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:31:27       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:31:27       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:31:27       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:31:27       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:31:27       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:31:27       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:31:27     code: 'MODULE_NOT_FOUND',
2024-05-08 21:31:27     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:31:27   }
2024-05-08 21:31:27 }
2024-05-08 21:31:27 
2024-05-08 21:31:27 Node.js v20.13.0
2024-05-08 21:40:26 /app/node_modules/rollup/dist/native.js:59
2024-05-08 21:40:26 throw new Error(
2024-05-08 21:40:26       ^
2024-05-08 21:40:26 
2024-05-08 21:40:26 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
2024-05-08 21:40:26     at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:40:26     at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:40:26     ... 3 lines matching cause stack trace ...
2024-05-08 21:40:26     at Module._load (node:internal/modules/cjs/loader:1024:12)
2024-05-08 21:40:26     at cjsLoader (node:internal/modules/esm/translators:348:17)
2024-05-08 21:40:26     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
2024-05-08 21:40:26     at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
2024-05-08 21:40:26     at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
2024-05-08 21:40:26   [cause]: Error: Cannot find module '@rollup/rollup-linux-x64-musl'
2024-05-08 21:40:26   Require stack:
2024-05-08 21:40:26   - /app/node_modules/rollup/dist/native.js
2024-05-08 21:40:26       at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
2024-05-08 21:40:26       at Module._load (node:internal/modules/cjs/loader:986:27)
2024-05-08 21:40:26       at Module.require (node:internal/modules/cjs/loader:1233:19)
2024-05-08 21:40:26       at require (node:internal/modules/helpers:179:18)
2024-05-08 21:40:26       at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:41:10)
2024-05-08 21:40:26       at Object.<anonymous> (/app/node_modules/rollup/dist/native.js:68:76)
2024-05-08 21:40:26       at Module._compile (node:internal/modules/cjs/loader:1358:14)
2024-05-08 21:40:26       at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
2024-05-08 21:40:26       at Module.load (node:internal/modules/cjs/loader:1208:32)
2024-05-08 21:40:26       at Module._load (node:internal/modules/cjs/loader:1024:12) {
2024-05-08 21:40:26     code: 'MODULE_NOT_FOUND',
2024-05-08 21:40:26     requireStack: [ '/app/node_modules/rollup/dist/native.js' ]
2024-05-08 21:40:26   }
2024-05-08 21:40:26 }
2024-05-08 21:40:26 
2024-05-08 21:40:26 Node.js v20.13.0

Operating system

Windows 11

Scope

?

Module and version

Not applicable.

[preveen-stack]

2024-05-08 21:16:42 Error: Cannot find module @rollup/rollup-linux-x64-musl. npm has a bug related to optional dependencies (npm/cli#4828). Please try npm i again after removing both package-lock.json and node_modules directory.
2024-05-08 21:16:42 at requireWithFriendlyError (/app/node_modules/rollup/dist/native.js:59:9)
2024-05-08 21:16:42

Did you try following the advice in yhe error message?

[shivam-sharma7]

@preveen-stack many times