[Chromatic] Pass --allow-console-errors to succeed this command regardless of runtime build errors.

우리 팀에서는 Storybook의 변경사항이 포함된 PR을 생성하면, Chromatic에서 UI Review를 진행하기위해 Storybook을 Chromatic에 배포를 한다. 이 작업을 자동화해놨기때문에, PR이 생성되면 github action이 자동으로 실행되어서 알아서 배포를 해준다.

 

그런데 한 PR을 올렸는데, chromatic에 배포하는 스크립트에서 에러가 났다.

에러가 발생한 부분을 보니 

Pass --allow-console-errors to succeed this command regardless of runtime build errors.

위와같은 설명이 적혀있었다.

구글에 검색을 해봄

https://github.com/chromaui/chromatic-cli/issues/156

Capture errors leads to a message about `--allow-console-errors` · Issue #156 · chromaui/chromatic-cli

이 issue가 있길래 한번 읽어보니 해결책을 찾을 수 있었다.

--allow-console-errors옵션은 스토리북을 실행할때 JS console에 에러로그가 있어도 계속 실행을 시키겠다는 옵션이라고 한다.

 

저 설명이 떴다는건 Storybook에 에러로그가 있다는 의미인것같아서, Storybook을 실행시킨채 console을 확인해보니 진짜 에러가 있었다!

해당 PR에서 uuidv4를 추가했는데, 이 라이브러리는 deprecated되었기때문에 다른 라이브러리를 쓰라는 에러 로그가 찍혀있었다!

 

그래서 uuidv4를 삭제하고 uuid를 설치해서 실행해보니 chromatic에 배포가 잘 되었다!