Unable to deploy React Application to Kubernetes

Question

I am trying to deploy an application created using Create-React App to Kubernetes through Docker. When the docker file tries to create the container using Jenkins pipeline, it fails with the below error : "Starting the development server...

Failed to compile.

./src/index.js

Module not found: Can't resolve './App.js' in '/app/src'

The folder structure is exactly similar to the default 'create-react app' folder structure.

Also below is the Dockerfile:

FROM node:10.6.0-jessie

# set working directory
RUN mkdir /app
WORKDIR /app
COPY . .

# add `/usr/src/app/node_modules/.bin` to $PATH
#ENV PATH /usr/src/app/node_modules/.bin:$PATH

RUN npm install
#RUN npm install react-scripts -g --silent

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

I am unable to understand where I might be going wrong.

Edit 1: I would also like to mention that I am able to run the docker container on my local machine using this config.

So any help would be appreciated.

Update 1 :

I was able to do a kubectl exec -it pod_name -- bash to the container inside the pod. I found out due to some reason the "App.js" file was getting copied to the container as "app.js". Since linux is case sensitive so it was not able to find the file. Changing the import statement in index.js fixed the problem. But I still have no idea as to what might have caused the file to get copied with a lower-case since in my local the file exists as "App.js".

Could you please format your question. It would also be nice if you could post the command with which you created your react-app (create-react app). — Peter Ittner
– Peter Ittner, Commented Oct 26, 2018 at 7:42
@PeterIttner I used the commands given on the Github repo. Npx and Npm to be exact. — Radioactive
– Radioactive, Commented Oct 26, 2018 at 15:35

Niels de Bruin · Accepted Answer · 2018-10-26 11:33:38Z

1

The problem you're having will be omitted when you adjust your deployment process to a more production-ready setup.

What you're doing currently is installing all (development) dependencies on every Kubernetes node, compiling your application, and then starting a development webserver. This makes your deployed builds inconsistent and increases load and bloat on the deployment nodes.

Instead what you want to do is create a production-ready build by running npm run build on a build machine, which will compile your application and output to the build folder in your project. You then want to transfer this folder to your server in a .zip file, which will need a production-ready webserver installed (Nginx is highly recommended and industry standard) to serve the static files from your build.

answered Oct 26, 2018 at 11:33

Niels de Bruin

7135 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Unable to deploy React Application to Kubernetes

Edit 1: I would also like to mention that I am able to run the docker container on my local machine using this config.

Update 1 :

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit 1: I would also like to mention that I am able to run the docker container on my local machine using this config.

Update 1 :

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related