vercel deploy error 배포 에러
🛠️

vercel deploy error 배포 에러

Tags
React
Property
Published
May 16, 2021
slug
vercel-deploy-error

vercel deploy error

Treating warnings as errors because process.env.CI = true.

CI= npm run build
       or
CI=false npm run build //OP mentioned below in comments

1. Settings > General > Build & Development Settings

Build Command 설정
notion image
 

error TS6046: Argument for '--jsx' option must be: 'preserve', 'react-native', 'react'.

vscode에서 react로 수정해도 빌드시 자동으로 react-jsx로 바뀌어버림.
react로 수정한 상태에서 일단 빌드하지 않고 푸쉬
 

2. Development 에서 Redeploy

 
넣었더니 이번에는 이런 에러 발생

Error: Failed to launch chrome!

Error: Failed to launch chrome!

15:33:00.915  	[0516/063300.907802:ERROR:zygote_host_impl_linux.cc(89)] Running as root without --no-sandbox is not supported. See https://crbug.com/638180.
15:33:00.915  	TROUBLESHOOTING: https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md

15:26:53.063  	    at onClose (/vercel/path0/node_modules/puppeteer/lib/Launcher.js:348:14)
15:26:53.063  	    at Interface.<anonymous> (/vercel/path0/node_modules/puppeteer/lib/Launcher.js:337:50)
15:26:53.063  	    at Interface.emit (events.js:326:22)
15:26:53.063  	    at Interface.close (readline.js:416:8)
15:26:53.063  	    at Socket.onend (readline.js:194:10)
15:26:53.063  	    at Socket.emit (events.js:326:22)
15:26:53.063  	    at endReadableNT (_stream_readable.js:1241:12)
15:26:53.063  	    at processTicksAndRejections (internal/process/task_queues.js:84:21)

Error: Command "CI=false npm run build" exited with 1
 

TRY

  • framework otherCRA 재시도
    • 똑같...크롬뭐시기
그래도 안된다.
Error: Failed to launch chrome! spawn /usr/bin/google-chrome-unstable ENOENT
 
위에꺼 지우고 다른 설정 추가

react-snap 관련 설정 sandbox 추가

{
  "reactSnap": {
    "puppeteerArgs": [
      "--no-sandbox",
      "--disable-setuid-sandbox"
    ]
  }
}
 
성공!

빌드 환경 & 프레임워크 셋팅

🐥
Framework 환경도 맞아야 배포가 성공한다.
Build & Development Settings > FRAMEWORK PRESET
  • Next, CRA 등 환경 설정