I'm trying to dockerise a react app. I'm using the following Dockerfile to achieve this.

# base image
FROM node:9.4

# set working directory
WORKDIR /usr/src/app

# install and cache app dependencies
COPY package*.json ./
ADD package.json /usr/src/app/package.json
RUN npm install

# Bundle app source
COPY . .

# Specify port
EXPOSE 8081

# start app
CMD ["npm", "start"]

Also, in my package.json the start script is defined as "scripts": { "start": "webpack-dev-server --mode development --open", .... }

I build the image as:

docker build . -t myimage

And I finally run the image, as

docker run IMAGE_ID

This command then runs the image, however when I go to localhost:8080 or localhost:8081 I dont see anything.

However, when I go into the docker container for myimage, and do curl -X GET http:localhost:8080 I'm able to access my react app.

I also deployed this on google-kubernetes and exposed a load-balancer service on this. However, the same thing happened, I cannot access the react-app on the exposed endpoint, but when I logged into the container, and made curl request, I was getting back the index.html.

So, how do I run the image of this docker image so that I could access the application through a browser.