beyond-sw-camp/beyond-sw-camp-be01_last-dance

[T2] vite 배포 관련 npm run build 프로세스가 종료되지 않습니다.

Closed this issue · 5 comments

choi3179 commented
  • frontend 배포 목적으로 npm run build 실행 시 프로세스가 종료되지 않습니다.
    npm run build 명령에 대한 프로세스가 종료되지 않아 Dockerfile로 컨테이너 생성 시 이 프로세스가 종료되지 않아 컨테이너가 생성되지 않습니다.
  • npm run dev는 정상적으로 실행됩니다.
  • dist 디렉토리는 생성되고 일부 파일에 대해서만 빌드 결과물이 생성되었으나 특정 파일 빌드시 오류로 인해 그 이상으로 빌드가 되지 않는 것 같습니다.
  • 관련하여 npm run build에 대한 로그 외의 확인할 부분이 있는지 궁금합니다.
  • REPO : https://github.com/T2-Papillon/front-vue
  1. 빌드가 멈추는 부분
$ npm run build

> papplan@0.0.0 build
> vite build --watch

vite v5.2.2 building for production...

watching for file changes...

build started...
✓ 190 modules transformed.
dist/index.html                               0.67 kB │ gzip:  0.39 kB
dist/assets/img-mypage-C0AfQHid.svg           5.74 kB │ gzip:  2.35 kB
dist/assets/logo-DMilsi9g.svg                 7.26 kB │ gzip:  2.84 kB
dist/assets/bootstrap-icons-BtvjY1KL.woff2  130.40 kB
dist/assets/bootstrap-icons-BOrJxbIo.woff   176.03 kB
dist/assets/LoginView-AX15GwCm.css            0.10 kB │ gzip:  0.11 kB
dist/assets/SearchView-BmyAAqTW.css           0.34 kB │ gzip:  0.21 kB
dist/assets/ProjectDetailView-BGPeUIoY.css    0.61 kB │ gzip:  0.28 kB
dist/assets/AnalyzeView-DtHLReFe.css          0.68 kB │ gzip:  0.31 kB
dist/assets/MypageView-Bk7Kt93I.css           0.74 kB │ gzip:  0.37 kB
dist/assets/TaskTable-CSJy5x_q.css            0.78 kB │ gzip:  0.38 kB
dist/assets/dateUtils-B72T2NsN.css            1.00 kB │ gzip:  0.40 kB
dist/assets/index-BWHTabid.css              309.67 kB │ gzip: 45.32 kB
dist/assets/SortFilter-D2wNQKp8.js            0.72 kB │ gzip:  0.45 kB
dist/assets/DashboardView-CTUKsxCH.js         1.03 kB │ gzip:  0.63 kB
dist/assets/dateUtils-DXfFKdw2.js             1.50 kB │ gzip:  0.80 kB
dist/assets/useProjects-BUq-mWjX.js           1.65 kB │ gzip:  0.71 kB
dist/assets/LoginView-B9JHyss_.js             2.31 kB │ gzip:  1.16 kB
dist/assets/ProjectView-DW4XbaTw.js           2.82 kB │ gzip:  1.12 kB
dist/assets/projectUtils-16BmPz-T.js          2.93 kB │ gzip:  1.23 kB
dist/assets/SearchView-C-FT4mSv.js            3.25 kB │ gzip:  1.73 kB
dist/assets/TaskTable-BmLk-9iw.js             4.43 kB │ gzip:  1.82 kB
dist/assets/MypageView-CEjWgI-I.js            5.04 kB │ gzip:  1.76 kB
dist/assets/ProjectDetailView-BfgKGgDr.js     5.12 kB │ gzip:  2.32 kB
dist/assets/TaskInputView-C2jBuHPY.js         7.21 kB │ gzip:  2.57 kB
dist/assets/AnalyzeView-BRQ2_JQa.js           8.21 kB │ gzip:  2.90 kB
dist/assets/index-CSNUi6cO.js               192.83 kB │ gzip: 66.43 kB
dist/assets/index-DHpI8Tim.js               201.48 kB │ gzip: 71.56 kB
built in 2353ms.
  1. Docker build 무한 루프
[+] Building 879.4s (10/11)                                                                   docker:default
 => [internal] load build definition from Dockerfile                                                    0.0s
 => => transferring dockerfile: 207B                                                                    0.0s
 => [internal] load metadata for docker.io/library/node:20.11.0-alpine                                  1.8s
 => [auth] library/node:pull token for registry-1.docker.io                                             0.0s
 => [internal] load .dockerignore                                                                       0.0s
 => => transferring context: 2B                                                                         0.0s
 => [1/6] FROM docker.io/library/node:20.11.0-alpine@sha256:2f46fd49c767554c089a5eb219115313b72748d8f6  0.0s
 => [internal] load build context                                                                       0.4s
 => => transferring context: 1.97MB                                                                     0.4s
 => CACHED [2/6] WORKDIR /app                                                                           0.0s
 => CACHED [3/6] COPY package.json /app/package.json                                                    0.0s
 => CACHED [4/6] RUN npm install                                                                        0.0s
 => [5/6] COPY . /app                                                                                   2.9s
 => [6/6] RUN npm run build                                                                           874.1s
 => => # dist/assets/ProjectDetailView-BfgKGgDr.js     5.12 kB │ gzip:  2.32 kB
 => => # dist/assets/TaskInputView-C2jBuHPY.js         7.21 kB │ gzip:  2.57 kB
 => => # dist/assets/AnalyzeView-BRQ2_JQa.js           8.21 kB │ gzip:  2.90 kB
 => => # dist/assets/index-CSNUi6cO.js               192.83 kB │ gzip: 66.43 kB
 => => # dist/assets/index-DHpI8Tim.js               201.48 kB │ gzip: 71.56 kB
 => => # built in 2675ms.
pySatellite commented

질문 남겨주셔서 감사드려요.
재현하기 위해 repo 도 알려주시면 감사하겠습니다.

pySatellite commented

https://github.com/T2-Papillon/front-vue 로 빌드 해보니 ... 정말 범추네요.
다만 같이 해본것 처럼 예전 커밋으로 돌아가면 멈추지 않으니 작업을 거슬러 올라가면서 문제를 찾아 보셔야 할거 같아요.
그래서 틈틈이 빌드하고 배포하는 것이 필요한거 ...

image

choi3179 commented

마지막 build 확인

  • 👍1
pySatellite commented

잘 찾아 주셨네요. 확인을 위해 diff 관찰을 위해 아래 PR 을 만들어 봤습니다.

choi3179 commented

이전에 배포가 되던 commit 찾아서 해당 package.json 으로 수정하여 해결하였습니다.

  • 배포를 고려한 주기적인 build는 필수인 것 같습니다! ✨
  • 👍1