05_(React 에러) favicon 업데이트 에러

에러 내용

• CRA로 생성한 후 기본 파비콘을 변경하려 하는데 새로운 파비콘을 폴더에 넣어도 적용이 되지 않는다.

새로운 파비콘을 public 폴더에 넣어주고 페이지를 확인해봤더니

업데이트되지 않은 파비콘!

원인

• 브라우저가 캐시에 있는 이전 이미지를 유지하고 있으며 업데이트하지 않는다!

해결법

• 파비콘 url을 다음과 같이 변경해준다.

<link rel="icon" href="%PUBLIC_URL%/favicon.ico?" /> /* 기존 링크 */

<link rel="icon" href="%PUBLIC_URL%/favicon.ico?v=2" /> /* 변경한 링크 */

• ?v=2를 붙여주면 브라우저가 강제로 파비콘을 새로고침할 수 있도록 해준다.

 

참고 링크 : https://stackoverflow.com/questions/51994375/favicon-in-react-will-not-update/54958814