[React] npm 배포 시 문제

cra 환경에서 패키지를 만들어서 npm에 배포를 하다가 문제가 발생했다. 

Support for the experimental syntax 'jsx' isn't currently enabled

 

해결하기 위해서 이곳 저곳 찾아봤는데, babel 문제로 파악되었다. 

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

해당 내용을 package.json에 넣어주니 배포가 되었다. 

 

배포한 패키지를 다운받아서 테스트를 해보니 이번에는 React is not defined가 나왔다. 

다시 한번 찾아보니 preset-react에 추가적인 옵션을 줘야 했다. 

presets: [
    "@babel/preset-env", ["@babel/preset-react", {"runtime": "automatic"}]
]

runtime 옵션을 주니 이번엔 배포가 되고 다운 받아도 문제 없이 실행되었다.