[React] Error : Attempted import error: 'create' is not exported from 'fontkit' (imported as 'fontkit').

  # 배경  

코드를 실행 및 배포를 하는데 다음과 같은 에러가 나면서 제대로 동작이 되지 않았다. 

Failed to compile.

./node_modules/@react-pdf/font/lib/index.browser.es.js
Attempted import error: 'create' is not exported from 'fontkit' (imported as 'fontkit').

 

  # 문제  

사용하고 있는 패키지가 업데이트되면서 제대로 동작하지 않는 문제였다. 

 

  # 해결 방법  

이 패키지를 포함하는 코드를 실행하고 배포를 하는데 package.json에서 버전을 자동 업데이트하도록 설정하여 코드를 수정하면 되었다. 

package.json에서 버전 앞에 "^"표시를 하면 자동 업데이트를 할 수 있게 설정하는 것이라고 한다.

 

• 수정 전

 "dependencies": {
	 "@react-pdf/renderer": "^2.0.21"
 }

 

• 수정 후

 "dependencies": {
 	"@react-pdf/renderer": "2.1.1",
    "@react-pdf/font": "2.2.0"
 },
 "resolutions": {
    "@react-pdf/font": "2.2.0"
 }