CRA 프로젝트 babel-preset-react-app 오류 해결 방법 🖥️

 

📌 babel-preset-react-app 

프로젝트를 시작했는데 위와 같은 경고 메시지가 보여질 수 있는데

처음에는 무시하고 작업을 해도 큰 문제가 없어서 그냥 넘어갔지만!!

프로젝트 실행시 계속 보여서 원인을 알아보고 해결하는 것이 좋을 것 같아서 찾아봤습니다!

📍 원인

babel-preset-react-app이 @babel/plugin-proposal-private-property-in-object 패키지를 사용하고 있지만

이를 종속성에 명시적으로 포함하지 않았기 때문입니다. 즉, 원래는 함께 설치되어야 하지만, 빠져 있는 상태

 

⚠️  

현재 프로젝트에서는 우연히 해당 패키지가 포함되어 있어서 동작에는 이상이 없지만!

패키지를 업데이트하거나 재설치 시 정상적으로 실행되지 않을 수도 있습니다.

 

📍 해결

npm install --save-dev @babel/plugin-proposal-private-property-in-object
or
yarn add -D @babel/plugin-proposal-private-property-in-object

- 경고 메시지에서 제안하는 대로 해당 패키지를 개발 의존성(devDependencies) 에 추가하면 문제를 해결할 수 있습니다.

- package.json의 devDependencies 섹션에 해당 패키지가 추가되고, node_modules에 항상 존재하게 되어 경고가 사라집니다.

 

✅ 프로젝트 실행 시 처음 보여졌던 경고문은 사라진걸 확인할 수 있어요.

 

✍️ 기록

 

감사합니다. 😁