Установка Nuxt с помощью docker-compose?

Question

[MaxSemenov]

Подскажите как правильно установить Nuxt с помощью docker-compose?
docker-compose.yml:

version: "3"

services:
  nuxt-app:
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - "3000:3000"
    volumes:
      - ./:/var/www/nuxt
    networks:
      - nuxt-network
networks:
  nuxt-network:
    driver: bridge

Dockerfile:

FROM node:12.16.3-alpine3.9

WORKDIR /var/www/nuxt
COPY package*.json ./
RUN npm install && npm run start

RUN npm run dev

не получается установить nuxt c помощью docker-compose, npm вроде установился не запускается команда nuxt start и не запускается сам контейнер

Answer 1

[Алексей Ярков]

Во-первых оформите код специальным тегом, чтобы видно было форматирование.
Во-вторых RUN npm run dev заменить на CMD npm run dev и попробовать ещё раз.
Ну и в-третьих зачем COPY package*.json ./, если вы весь каталог прокидываете как volume?

Comments

[MaxSemenov]

в 3 я тоже так думал но почему то он не находил этот файл

[MaxSemenov]

CMD [ "npm", "run", "dev" ] не сработало

103 packages are looking for funding
#8 52.10   run `npm fund` for details
#8 52.10
#8 52.10 found 2 moderate severity vulnerabilities
#8 52.10   run `npm audit fix` to fix them, or `npm audit` for details
#8 52.40
#8 52.40 > my-app@ start /var/www/nuxt
#8 52.40 > nuxt start
#8 52.40
#8 53.09
#8 53.09  FATAL  No build files found in /var/www/nuxt/.nuxt/dist/server.
#8 53.09 Use either `nuxt build` or `builder.build()` or start nuxt in development mode.
#8 53.09
#8 53.09   Use either `nuxt build` or `builder.build()` or start nuxt in development mode.
#8 53.09   at VueRenderer._ready (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:758:13)
#8 53.09   at async Server.ready (node_modules/@nuxt/server/dist/server.js:637:5)
#8 53.09   at async Nuxt._init (node_modules/@nuxt/core/dist/core.js:482:7)
#8 53.09
#8 53.10
#8 53.10 ╭──────────────────────────────────────────────────────────────────────────────╮│                                                                              ││   ✖ Nuxt Fatal Error                                                         ││
                ││   Error: No build files found in /var/www/nuxt/.nuxt/dist/server.            ││   Use either `nuxt build` or `builder.build()` or start nuxt in              ││   development mode.                                                          ││
                        │╰──────────────────────────────────────────────────────────────────────────────╯
#8 53.10
#8 53.11 npm ERR! code ELIFECYCLE
#8 53.11 npm ERR! errno 1
#8 53.11 npm ERR! my-app@ start: `nuxt start`
#8 53.11 npm ERR! Exit status 1
#8 53.11 npm ERR!
#8 53.11 npm ERR! Failed at the my-app@ start script.
#8 53.11 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
#8 53.12
#8 53.12 npm ERR! A complete log of this run can be found in:
#8 53.12 npm ERR!     /root/.npm/_logs/2021-09-14T13_53_00_255Z-debug.log
------
executor failed running [/bin/sh -c npm install && npm run start]: exit code: 1
ERROR: Service 'nuxt-app' failed to build : Build failed

[Алексей Ярков]

MaxSemenov, после WORKDIR /var/www/nuxt добавьте строку RUN ls -al.
Посмотрим что в каталоге

[MaxSemenov]

=> => transferring dockerfile: 191B                                                                                                                                                                                                                                                                               0.0s
 => [internal] load .dockerignore                                                                                                                                                                                                                                                                                  0.0s
 => => transferring context: 2B                                                                                                                                                                                                                                                                                    0.0s
 => [internal] load metadata for docker.io/library/node:12.16.3-alpine3.9                                                                                                                                                                                                                                          0.7s
 => [internal] load build context                                                                                                                                                                                                                                                                                  0.1s
 => => transferring context: 34B                                                                                                                                                                                                                                                                                   0.0s
 => [1/5] FROM docker.io/library/node:12.16.3-alpine3.9@sha256:9d5bc055ecd3a9ead6838b32a3705f5a2eb7d45946f2275676f83cb750bc93fd                                                                                                                                                                                    0.0s
 => CACHED [2/5] WORKDIR /var/www/nuxt                                                                                                                                                                                                                                                                             0.0s
 => CACHED [3/5] RUN ls -al                                                                                                                                                                                                                                                                                        0.0s
 => CACHED [4/5] COPY package*.json ./

ничего не выдало

[Алексей Ярков]

MaxSemenov,

docker-compose up --force-recreate --remove-orphans --build

ну чтобы наверняка ))

[MaxSemenov]

Алексей Ярков,

Building 49.4s (9/9) FINISHED
 => [internal] load build definition from Dockerfile                                                                                                                                                                                                                                                               0.0s
 => => transferring dockerfile: 32B                                                                                                                                                                                                                                                                                0.0s
 => [internal] load .dockerignore                                                                                                                                                                                                                                                                                  0.0s
 => => transferring context: 2B                                                                                                                                                                                                                                                                                    0.0s
 => [internal] load metadata for docker.io/library/node:12.16.3-alpine3.9                                                                                                                                                                                                                                          1.9s
 => [internal] load build context                                                                                                                                                                                                                                                                                  0.0s
 => => transferring context: 34B                                                                                                                                                                                                                                                                                   0.0s
 => [1/5] FROM docker.io/library/node:12.16.3-alpine3.9@sha256:9d5bc055ecd3a9ead6838b32a3705f5a2eb7d45946f2275676f83cb750bc93fd                                                                                                                                                                                    0.0s
 => CACHED [2/5] WORKDIR /var/www/nuxt                                                                                                                                                                                                                                                                             0.0s
 => CACHED [3/5] RUN ls -al                                                                                                                                                                                                                                                                                        0.0s
 => CACHED [4/5] COPY package*.json ./                                                                                                                                                                                                                                                                             0.0s
 => ERROR [5/5] RUN npm install && npm run start                                                                                                                                                                                                                                                                  47.4s
------
 > [5/5] RUN npm install && npm run start:
#9 4.619 npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencie
s to the actual version of core-js.
#9 13.07 npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
#9 20.88 npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
#9 21.93 npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
#9 21.97 npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
#9 23.66 npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
#9 23.76 npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
#9 23.98 npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
#9 44.54
#9 44.54 > core-js@2.6.12 postinstall /var/www/nuxt/node_modules/core-js
#9 44.54 > node -e "try{require('./postinstall')}catch(e){}"
#9 44.54
#9 44.59 Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
#9 44.59
#9 44.59 The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
#9 44.59 > https://opencollective.com/core-js 
#9 44.59 > https://www.patreon.com/zloirock 
#9 44.59
#9 44.59 Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
#9 44.59
#9 44.83
#9 44.83 > nodemon@2.0.12 postinstall /var/www/nuxt/node_modules/nodemon
#9 44.83 > node bin/postinstall || exit 0
#9 44.83
#9 44.90 Love nodemon? You can now support the project via the open collective:
#9 44.90  > https://opencollective.com/nodemon/donate
#9 44.90
#9 44.92
#9 44.92 > nuxt@2.15.8 postinstall /var/www/nuxt/node_modules/nuxt
#9 44.92 > opencollective || exit 0
#9 45.14                           Thanks for installing nuxtjs
#9 45.14                  Please consider donating to our open collective
#9 45.14                         to help us maintain this package.
#9 45.15
#9 45.15                             Number of contributors: 0
#9 45.15                               Number of backers: 435
#9 45.15                               Annual budget: $84,093
#9 45.15                              Current balance: $44,325
#9 45.15
#9 45.15                  Donate: https://opencollective.com/nuxtjs/donate
#9 45.15
#9 45.81 npm notice created a lockfile as package-lock.json. You should commit this file.
#9 45.81 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/chokidar/node_modules/fsevents):
#9 45.81 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
#9 45.81 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/watchpack-chokidar2/node_modules/chokidar/node_modules/fsevents):
#9 45.81 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
#9 45.81 npm WARN my-app@ No description
#9 45.81 npm WARN my-app@ No repository field.
#9 45.81 npm WARN my-app@ No license field.
#9 45.81
#9 45.82 added 1310 packages from 616 contributors and audited 1312 packages in 45.095s
#9 46.34
#9 46.34 103 packages are looking for funding
#9 46.34   run `npm fund` for details
#9 46.34
#9 46.34 found 2 moderate severity vulnerabilities
#9 46.34   run `npm audit fix` to fix them, or `npm audit` for details
#9 46.57
#9 46.57 > my-app@ start /var/www/nuxt
#9 46.57 > nuxt start
#9 46.57
#9 47.17
#9 47.17  FATAL  No build files found in /var/www/nuxt/.nuxt/dist/server.
#9 47.17 Use either `nuxt build` or `builder.build()` or start nuxt in development mode.
#9 47.17
#9 47.17   Use either `nuxt build` or `builder.build()` or start nuxt in development mode.
#9 47.17   at VueRenderer._ready (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:758:13)
#9 47.17   at async Server.ready (node_modules/@nuxt/server/dist/server.js:637:5)
#9 47.17   at async Nuxt._init (node_modules/@nuxt/core/dist/core.js:482:7)
#9 47.17
#9 47.17
#9 47.17 ╭──────────────────────────────────────────────────────────────────────────────╮│                                                                              ││   ✖ Nuxt Fatal Error                                                         ││
                ││   Error: No build files found in /var/www/nuxt/.nuxt/dist/server.            ││   Use either `nuxt build` or `builder.build()` or start nuxt in              ││   development mode.                                                          ││
                        │╰──────────────────────────────────────────────────────────────────────────────╯
#9 47.17
#9 47.19 npm ERR! code ELIFECYCLE
#9 47.19 npm ERR! errno 1
#9 47.19 npm ERR! my-app@ start: `nuxt start`
#9 47.19 npm ERR! Exit status 1
#9 47.19 npm ERR!
#9 47.19 npm ERR! Failed at the my-app@ start script.
#9 47.19 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
#9 47.20
#9 47.20 npm ERR! A complete log of this run can be found in:
#9 47.20 npm ERR!     /root/.npm/_logs/2021-09-14T14_46_14_211Z-debug.log
------
executor failed running [/bin/sh -c npm install && npm run start]: exit code: 1
ERROR: Service 'nuxt-app' failed to build : Build failed

чет не хочет)

Answer 2

[Evgeniy S]

Попробую свои 3 копейки вкинуть в процесс
RUN npm install && npm run start

npm install просто устанавливает пакеты
npm run start просто запускает проект из билда, т.е. команда ожидает уже сбилденные файлы (которые находятся в папке .nuxt) - но не видит их, потому что проект вы не билдили.

npm run dev - на проде не надо так делать ( npm run dev запускает билд с отладочной информацией, не оптимизированный, большой и после билда запускает отладочный веб-сервер на порту 3000, по сути это 2 команды npm run build и npm run start с отладкой)

короче, внедрите после инсталляции команда npm run build чтоб проект сбилдился и потом уже можно запускать start

Comments

[MaxSemenov]

Немного по другому объясню, я хочу развернуть nuxt в докере не устанавливая node js себе на компьютер, то есть локально у меня nuxt не развернут, я хочу все манипуляции проводить в докере если это возможно

[Evgeniy S]

MaxSemenov, если хостовая машина Windows, то раньше были проблемы с DEV в докере - вотчер не отслеживал изменения и не hot reloadил дев-сервер.
вот подобное делали https://qna.habr.com/q/666619

попробуйте в своем конфиге `RUN npm install && npm run start` убрать вторую команду старт и запустите
напишите что получится

[MaxSemenov]

Evgeniy S, Тот автор как и я тоже отказался от идеи разворачивания nuxt в докер локально, тогда только завернуть его в докер уже с приложением и там развернуть

[Evgeniy S]

MaxSemenov, да, для прода в докер идеально. для разработки все ж лучше без докера.
а если появится вопрос с разными версиями node на разных проектах - есть замечательный инструмент nvm

[MaxSemenov]

Evgeniy S, ну этим вопросом просто интересовался теперь стало понятно как с разными версиями node работать