run nuxt.js project with docker-compose - javascript

I am trying to deploy my nuxt project with docker so i create Dockerfile and docker-compose.yml and also the .dockerignore file but it giving me errors it's my first time to work with docker i follow the process from the official documentation but i do not really a strong understanding about docker. If i miss something or anymore understand why there is an error while i'm trying to build docker-compose please let me know.
Dockerfile
FROM node:14.15.4-alpine
#create destination directory
RUN mkdir -p /twin_login/app
WORKDIR /app
COPY package*.json ./app
#update and install dependency
RUN apk update && apk upgrade
RUN apk add git
RUN apk add python3
#copy the app, note .dockerignore
COPY . .
COPY . /app
RUN npm install
#build necessary, even if no static files are needed,
RUN node -v
RUN npm -v
#set app serving to permissive / assigned
ENV HOST 0.0.0.0
#expose 8000 on container
EXPOSE 8000
CMD ["npm", "start"]
Docker-compose.yml
version: '3'
services:
web:
build: .
ports:
- 8000:3000
volumes:
- ./twin_login:/app
stdin_open: true
tty: true
networks:
- twin_login
networks:
twin_login:
external: true
.dockerignore
node_modules
.gitignore
.nuxt
Error this is the error i am getting
WARN[0000] Found orphan containers ([twin_management_screen_nuxt_1 twin_management_screen_nuxt_run_2d8fca86d2ca twin_management_screen_nuxt_run_6d5ee3c9b0ba twin_management_screen_nuxt_run_881e46ae1ad1 twin_management_screen_nuxt_run_5089871620b5]) for this project. If you removed or renamed this service in your compose file, you can run this command with the --remove-orphans flag to clean it up.

The error you found is not an error, just a warning (thus WARN[0000]) that you have orphaned containers that you should clean up with --remove-orphans (because they take up a lot of space on your system).
Check the syntax of your yml file and possibly also the Dockerfile, indentation is strict.
It can look as though you forgot the "run" part of your start CMD.
A tip is to do as little as possible in the Dockerfile and most of the stuff in docker-compose. This is the minimum stuff you need in your Dockerfile:
FROM node:xxx.xxx
ENV NODE_ENV=dev
WORKDIR /
COPY ./package*.json ./
RUN npm install
COPY . .
EXPOSE 8080 #or other
CMD ["npm", "run", "start"]

Related

Docker cannot find package.json

I have the following project I'm trying to build an image from and docker is unable to find package.json:
root
client
server
build/
package.json
Dockerfile
Dockerfile:
FROM node:latest
WORKDIR /server
COPY ./package.json .
RUN npm install
COPY . .
EXPOSE 5000
CMD ["npm". "start"]
I have tried every directory pointer for WORKDIR and COPY that I can come up with to no success.
The left-hand side of COPY is always relative to the build context directory, usually the directory that contains the Dockerfile. You can never copy anything outside of this directory tree. If the right-hand side of COPY is a relative path, it is relative to the current WORKDIR.
In the setup you show, you are trying to copy root/package.json from the host into /server in the container.
You probably need to change the left-hand side to be relative to the root directory. The container filesystem is isolated from the host so it doesn't especially matter what the WORKDIR path actually is, just so long as it's the current directory when you run npm install or npm ci.
WORKDIR /server # or /app or anything else you'd like
COPY ./server/package*.json ./ # make sure to get package-lock.json too
RUN npm ci

package.json not found in node:13-alpine docker container

I made 2 docker images from 2 folder in this repo. The dockerfile was:
FROM node:13-alpine
EXPOSE 5000
RUN mkdir /app
RUN mkdir -p /home/app
COPY . /home/app
RUN npm install
CMD ["npm","run","start"]
But the docker logs showed that the package.json file was not found and hence the containers closed, I can't even enter the terminal of the containers to see the available files.
The error output is in the below image.
To reproduce the error, clone the repo and run sudo docker-compose -f docker-compose.yaml up
You didn't specify the working directory in your dockerfile and that's why the package.json cannot be found.
Ref: https://docs.docker.com/engine/reference/builder/#workdir
add WORKDIR before RUN npm install
WORKDIR /home/app
RUN npm install

Docker build cannot find javascript modules (Docker/Nodejs/Express)

I'm building Express using Docker.
Previously, I uploaded it to the Ubuntu server using the Dockerfile.
But suddenly there was an error.
When building Docker Image, there was an error that could not read the file.
When I build with Docker and run, It can't find the javascript module I made.
An error occurred even if dockerfile2 was used instead of dockerfile1.
I don't know what the problem is.
I updated Docker, too.
Docker version 20.10.8,
Error Msg.
(when use dockerfile1)
Error msg : Cannot find module
Error Msg.
(when use dockerfile2)
> socket_example#1.0.0 start /usr/src/app
> node app.js
internal/modules/cjs/loader.js:905
throw err;
^
Error: Cannot find module './AgoraApi'
Require stack:
- /usr/src/app/src/audioChat/audioChannelHandler.js
- /usr/src/app/src/multiplay/rooms/GameRoom.js
- /usr/src/app/app.js
docker file1
FROM node:14
WORKDIR /
COPY package.json ./
RUN npm install
COPY ./ ./
EXPOSE 4000
CMD [ "npm", "start" ]
docker file2
FROM node:14
WORKDIR /usr/src/app
COPY package.json /usr/src/app
RUN npm install
COPY . /usr/src/app
EXPOSE 4000
CMD [ "npm", "start" ]
dockerignore file
.git
.gitignore
README.md
webpack.config.js
NAF-Gallery-Test.git
package-lock.json
backup
logs
node_modules
config/sql/*
!src
!util
Folder Structure
app.js
config.js
src
ㄴaudioChat
ㄴagoraApi.js
util
ㄴvipRoomManager.js
...

How to solve ERR_EMPTY_RESPONSE in docker image?

my docker file:
# Use the official Node.js 10 image.
# https://hub.docker.com/_/node
FROM node:13.12.0-alpine
# set working directory
WORKDIR /app
# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH
# install app dependencies
COPY package.json ./
RUN npm install
# RUN npm install react-scripts#3.4.3 -g
# add app
COPY . /app
CMD ["npm", "start"]
I buiild:
$ docker build . -t myapp
Sending build context to Docker daemon 2.051MB
Step 1/7 : FROM node:13.12.0-alpine
---> 483343d6c5f5
Step 2/7 : WORKDIR /app
---> Using cache
---> c731f744759f
Step 3/7 : ENV PATH /app/node_modules/.bin:$PATH
---> Using cache
---> e1f5f853c8c6
Step 4/7 : COPY package.json ./
---> Using cache
---> f831911acf6c
Step 5/7 : RUN npm install
---> Using cache
---> c18449857dd2
Step 6/7 : COPY . /app
---> Using cache
---> 4b99412d4725
Step 7/7 : CMD ["npm", "start"]
---> Using cache
---> e565a34838d5
Successfully built e565a34838d5
Successfully tagged myapp:latest
SECURITY WARNING: You are building a Docker image from Windows against a non-Win dows Docker host. All files and directories added to build context will have '-r wxr-xr-x' permissions. It is recommended to double check and reset permissions f or sensitive files and directories.
Run:
docker run -p 3000 myapp
> myapp-fe#0.1.0 start /app
> react-scripts start
ℹ 「wds」: Project is running at http://172.17.0.3/
ℹ 「wds」: webpack output is served from
ℹ 「wds」: Content not from webpack is served from /app/public
ℹ 「wds」: 404s will fallback to /
Starting the development server...
Compiled successfully!
You can now view rugvista-fe in the browser.
Local: http://localhost:3000
On Your Network: http://172.17.0.3:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
Visiting: http://localhost:3000/ gives ERR_EMPTY_RESPONSE
What am I doing wrong?
Add this in your docker file before npm start
EXPOSE 3000/tcp
Modify your COPY . /app to COPY . .

Unable to COPY config file in nginix /etc/nginx/conf.d/default.conf

Unable to Copy config file in my project dir to /etc/nginx/conf.d/default.conf
source file location:
/app/nginix.conf
COPY nginx.conf /etc/nginx/conf.d/default.conf
destination : /etc/nginx/conf.d/default.conf
Steps in docker file :
Tried the multi stage build:
- FROM node:8.9.0 as buid
- WORKDIR /app
- COPY package.json package-lock.json ./
- RUN npm install
- COPY . ./
- RUN npm run build
- FROM nginx:alpine
- RUN mkdir -p /var/www/html/client
- COPY --from=buid /app/nginix.conf /etc/nginx/conf.d/default.conf
- COPY --from=buid /app/build/ /var/www/html/client
Tried commenting the first copy command, and it was able to copy the build and it was good.
when it is able to find the build in the app dir why is it not able to find the nginix.conf file which is also in the same dir, did a ls -la and saw the nginix.conf file.
TIA
If the source file path is /app/nginix.conf then dockefile should contain:
COPY /app/nginx.conf /etc/nginx/conf.d/default.conf
If you're running docker build command from /app directory on your host then your above dockerfile should work.
Update:
If you're expecting /app/nginx.conf file of node docker image to present in nginx:alpine image then you need to use multi-stage docker builds.
Change your dockerfile to
FROM node as build
WORKDIR /app
COPY package json files
RUN npm build
FROM nginx:alpine
COPY --from=build /app/nginx.conf /etc/nginx/conf.d/default.conf
This will copy /app/nginx.conf file from node image to nginx:alpine image.
If somebody is still struggling with this....
changing the WORKDIR from app to builddir worked!
FROM node:alpine as builder
WORKDIR '/builddir'
COPY package.json .
RUN npm install
COPY . .
RUN npm run build
FROM nginx:alpine
COPY --from=builder /builddir/build /usr/share/nginx/html
RUN rm /etc/nginx/conf.d/default.conf
COPY nginx/nginx.conf /etc/nginx/conf.d
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

Categories