Browserslist: caniuse-lite is outdated. Please run next command 'npm update caniuse-lite browserslist' 에러

1. 에러 로그

 - 어느날 프로젝트 실행시 다음과 같은 에러가 발생하는 경우를 본 적이 있다.

 - browserslist 하기 관련 에러는 Webpack, babel 등을 사용하는 프로젝트, 또는 해당 라이브러리를 사용하는 경우 발생하는 듯 하다.

Creating an optimized production build...
Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
Failed to compile.

 

 - 갑자기 다음과 같은 에러가 발생하면서 다음 내용을 참고하라고 안내해주고 있다

    Why you should do it regularly: https://github.com/browserslist/update-db#readme

 

   ( 해당 가이드는 필요한 경우 한번 살펴 보도록 하자. )

 

 - browserslist 하기 관련 에러는 Webpack, babel 등을 사용하는 프로젝트, 또는 해당 라이브러리를 사용하는 경우 발생하는 듯 하다. 

 

2. 해결 방법

 - 해결방법은 간단하다. 위와 같은 경우 상기 가이드대로 수행하거나 하기 명령어를 통해 해소 가능하다.

npx browserslist@latest --update-db

#또는 안되는 경우 하기 방법
npx npm update caniuse-lite browserslist

   └ 나의 경우 상기 명령어 수행 후 정상 해소 되었다.

 

 - 그래도 해소 안되는 경우 하기 stack  overflow 케이스들을 검토해보면 좋을 것 같다. 
https://stackoverflow.com/questions/55271798/browserslist-caniuse-lite-is-outdated-please-run-next-command-npm-update-cani 

 

※ 다만 상기 수행시에도 안되는 경우 대안으로

    상기 내용 중 lock 파일 삭제에 대한 내용은 신중히 검토하는게 좋을 것 같다. 삭제보다는 하기 내용이 더 적합해 보인다.

npm --depth 1 update --save caniuse-lite browserslist 
npm --depth 2 update --save caniuse-lite browserslist 
npm --depth 20 update --save caniuse-lite browserslist