[오류해결] Browserslist: caniuse-lite is outdated. Please run 오류

내 웹사이트를 개발하고 빌드하는 도중, 아래와 같은 경고가 뜨기 시작했다.

 

 

이에대해 원인을 찾아보니, Visual Studio의 Web Compliter extension인 browserslist* 를 사용하는데, 이는

caniuse-lite라는 정적인 데이터(브라우저 사용 통계나 버전 정보)를 사용한다. 그래서 이 데이터의 기한이 오래되었을때에 업데이트 하라고 경고 문구가 뜨는 것이다.

(*browserlist란?: https://bumday.tistory.com/169 포스팅 참고)

 

 

해결방법은 위에서 안내된 대로 아래의 명령어를 입력하면 된다.

(*참고: npx는 npm 패키지를 시스템에 저장하지 않고 직접 실행하는 명령어이다)

npx browserslist@latest --update-db

그러면 알아서 데이터를 업데이트해준다.

 

 

 

그 후 다시 빌드해보았더니 해당 오류가 뜨지 않음을 확인할 수 있었다.

 

 

---

#Reference

https://stackoverflow.com/questions/55271798/browserslist-caniuse-lite-is-outdated-please-run-next-command-npm-update-cani