Serve Vue js application on docker

Question

I want to dockerize my vueJs application. On my local machine I am able to install and serve my application on localhost by running command npm install and npm run serve.

I want to create a docker image so I wrote a dockerfile. My dockerfile looks like this

FROM Image_Name

WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 8080
CMD ["npm", "serve"]

But I am not able to run my docker image with docker run command. Any idea what I am doing wrong.

After running the run command-

Usage: npm <command>

where <command> is one of:
    access, adduser, audit, bin, bugs, c, cache, ci, cit,
    completion, config, create, ddp, dedupe, deprecate,
    dist-tag, docs, doctor, edit, explore, get, help,
    help-search, hook, i, init, install, install-test, it, link,
    list, ln, login, logout, ls, outdated, owner, pack, ping,
    prefix, profile, prune, publish, rb, rebuild, repo, restart,
    root, run, run-script, s, se, search, set, shrinkwrap, star,
    stars, start, stop, t, team, test, token, tst, un,
    uninstall, unpublish, unstar, up, update, v, version, view,
    whoami

npm <command> -h     quick help on <command>
npm -l           display full usage info
npm help <term>  search for help on <term>
npm help npm     involved overview

Specify configs in the ini-formatted file:
    /root/.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config

[email protected] /usr/lib/node_modules/npm

Did you build the container before running using docker build ? — zeynel
– zeynel, Commented Sep 12, 2018 at 11:00
Please post your complete docker run command and its output so we can see what's going on. — lukad
– lukad, Commented Sep 12, 2018 at 11:00

Benno · Accepted Answer · 2018-09-12 11:15:56Z

1

When you are trying to execute npm run serve you should put CMD ["npm", "run", "serve"] in your Dockerfile. You are missing the run part.

answered Sep 12, 2018 at 11:15

Benno

9686 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

rajan.sngh Over a year ago

Thanks, stupid me , this was bugging me from past 1 hour.

Benno Over a year ago

Happens to the best of us :) The error is trying to tell you that you misused the npm command. Good luck for your project!

Collectives™ on Stack Overflow

Serve Vue js application on docker

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related