[에러] [WARNING]: ERR! npm ci

[Reason]

2023-07-07T06:47:21.501Z [INFO]: # Cloning repository: git@github.com:TeamMegaPlan/TheRiver-FrontEnd.git
2023-07-07T06:47:24.302Z [INFO]: 
2023-07-07T06:47:24.304Z [INFO]: Cloning into 'TheRiver-FrontEnd'...
2023-07-07T06:47:24.305Z [INFO]: # Checking for Git submodules at: /codebuild/output/src3925425612/src/TheRiver-FrontEnd/.gitmodules
2023-07-07T06:47:24.312Z [INFO]: # Retrieving environment cache...
2023-07-07T06:47:24.347Z [WARNING]: ! Unable to write cache: {"code":"ERR_BAD_REQUEST","message":"Request failed with status code 404"})}
2023-07-07T06:47:24.348Z [INFO]: ---- Setting Up SSM Secrets ----
2023-07-07T06:47:24.348Z [INFO]: SSM params {"Path":"/amplify/d20im9zyqcbfm4/main/","WithDecryption":true}
2023-07-07T06:47:24.376Z [WARNING]: !Failed to set up process.env.secrets
2023-07-07T06:47:24.378Z [INFO]: No live updates for this build run
2023-07-07T06:47:24.380Z [INFO]: # Retrieving cache...
2023-07-07T06:47:24.399Z [INFO]: # Retrieved cache
2023-07-07T06:48:00.725Z [INFO]: ## Starting Backend Build
                                 ## Checking for associated backend environment...
                                 ## No backend environment association found, continuing...
                                 ## Completed Backend Build
2023-07-07T06:48:00.729Z [INFO]: {"backendDuration": 0}
                                 ## Starting Frontend Build
                                 # Starting phase: preBuild
                                 # Executing command: npm ci
2023-07-07T06:48:04.808Z [WARNING]: npm ERR! code EUSAGE
2023-07-07T06:48:04.810Z [WARNING]: npm
2023-07-07T06:48:04.811Z [WARNING]: ERR!
                                    npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing.
                                    npm ERR!
                                    npm ERR! Invalid: lock file's typescript@5.1.3 does not satisfy typescript@4.9.5
                                    npm ERR!
                                    npm ERR! Clean install a project
                                    npm ERR!
                                    npm ERR! Usage:
                                    npm
2023-07-07T06:48:04.811Z [WARNING]: ERR! npm ci
                                    npm ERR!
                                    npm ERR! Options:
                                    npm ERR! [-S|--save|--no-save|--save-prod|--save-dev|--save-optional|--save-peer|--save-bundle]
                                    npm ERR! [-E|--save-exact] [-g|--global] [--global-style] [--legacy-bundling]
                                    npm ERR! [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]]
                                    npm ERR! [--strict-peer-deps] [--no-package-lock] [--foreground-scripts]
                                    npm ERR! [--ignore-scripts] [--no-audit] [--no-bin-links] [--no-fund] [--dry-run]
                                    npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]]
                                    npm ERR! [-ws|--workspaces] [--include-workspace-root] [--install-links]
                                    npm ERR!
                                    npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
                                    npm
2023-07-07T06:48:04.811Z [WARNING]: ERR!
                                    npm ERR! Run "npm help ci" for more info
2023-07-07T06:48:04.812Z [WARNING]: 
2023-07-07T06:48:04.812Z [WARNING]: npm ERR! A complete log of this run can be found in:
                                    npm ERR!     /root/.npm/_logs/2023-07-07T06_48_00_947Z-debug-0.log
2023-07-07T06:48:04.819Z [ERROR]: !!! Build failed
2023-07-07T06:48:04.819Z [ERROR]: !!! Non-Zero Exit Code detected
2023-07-07T06:48:04.820Z [INFO]: # Starting environment caching...
2023-07-07T06:48:04.820Z [INFO]: # Environment caching completed
Terminating logging...

 

Amplify 로 React 프로젝트를 빌드하는 과정에서 발생된 에러이다.

npm ci 가 설치되어있지 않거나 package.json 혹은 package-lock.json, npm-shrinkwrap.json 중 아무것도 존재하지 않을 경우에 발생되는 에러이다.

나의 경우에는 추가적으로 typescript 부분이 최신 버전이 아니라서 발생된 에러이다.

 

 

[Solution]

rm package-lock.json
rm node_modules
npm install

rm package-lock.json, rm package.json 명령어를 입력하여 지금 상태의 module 들과 package-lock.json 을 우선 삭제해준다.

그 다음 npm install 명령어를 입력하여 module 들과 package-lock.json 을 최신화하여 생성한다.

 

 

빌드하고자 하는 프로젝트를 터미널로  package.json 혹은 package-lock.json, npm-shrinkwrap.json 파일들이 존재하는 경로로 들어가서 npm install ci 명령어로 우선 ci를 설치해준다.

그 다음 npm ci 명령어를 입력하여 ci 를 실행한다.

 

 

그후 최신화된 파일들과 모듈들을 git add . 명령어로 staging 시켜주고, git commit 을 시켜준 뒤 git push 명령을 한다.

 

 

Amplify 에서 빌드를 진행시켜보면 무사히 배포까지 성공한 것을 볼 수 있다.