Failed to find 'vue-cli-service' command in linux container on win 10 host

Version

3.4.1

Environment info

Linux container on windows 10 host

Steps to reproduce

docker file

FROM node:latest

#ARG NODE_ENV
#ENV NODE_ENV=dev

ENV CONTAINER_PATH /var/www/myapp

WORKDIR $CONTAINER_PATH

COPY package*.json ./

# # install project dependencies
#RUN npm install -g @vue/cli-service-global
RUN npm install

#RUN yarn

EXPOSE 8080

# Start the app
CMD npm run serve

docker-compose.yml

version: '3'
services:
  web:
    container_name: myapp
    image: myapp
    build:
      context: .
      dockerfile: .docker/node.development.dockerfile
    volumes:
      - .:/var/www/myapp
    ports:
      - "8080:8080"

What is expected?

when i run the app locally, vue-cli-service serve works. it should work in container as well

What is actually happening?

vue-cli-service command not found

---

“@vue/cli-service”: “^3.4.1”, is part of dev-dependency

[sodatea]

The problem lies in your dockerfile

1. You forgot to add this line COPY . . before serving the app. So the project files were not added to the container…
2. vue-cli-service is a project local command residing in node_modules/.bin so you need to run it with npx vue-cli-service serve or npm run serve
3. And you need to use the exec form of CMD: CMD ["npm", "run", "serve"]
4. And it’s not recommended to set NODE_ENV in your environment (https://cli.vuejs.org/guide/mode-and-env.html#modes) . Even if you do need, we use development rather than dev for dev builds.
5. Lastly, we need to expose the node_modules to the host by adding this to the docker-compose.yml:

    volumes:
      - .:/var/www/docker-vue
+     - /var/www/docker-vue/node_modules

---

Here’s the full updated docker-compse.yml:

version: '3'
services:
  web:
    container_name: docker-vue
    image: docker-vue
    build:
      context: .
      dockerfile: .docker/node.development.dockerfile
    volumes:
      - .:/var/www/docker-vue
      - /var/www/docker-vue/node_modules
    environment:
      - npm_config_unsafe_perm=true
    ports:
      - "8080:8080"

dockerfile:

FROM node:10.15.0

ENV CONTAINER_PATH /var/www/docker-vue

WORKDIR $CONTAINER_PATH

COPY package*.json ./

RUN npm install

COPY . .

EXPOSE 8080

CMD ["npm", "run", "serve"]

[sodatea]

@Rocking80 This StackOverflow post explains it well: https://stackoverflow.com/a/32785014/2302258