[React] eject가 필요하다면 - npm run eject

 

 

 

React

 

  요즘은 큰 문제가 없다면 React 프로젝트를 CRA 진행하곤 합니다. eject를 하게 되면 해당 프로젝트에 숨겨져 있는 모든 설정을 밖으로 추출할 수 있으며 이를 통해서 webpack과 babel의 자유로운 세팅이 가능합니다. 🍭

 

 

  제 경우 외부 모듈을 추가하는데 있어 eject이 필수였기 때문에 사용하게 되었습니다.

 

 

 

  사용방법

 

  사용방법은 간단합니다.

$ npm run eject

 

  명령어 실행 후 

? Are you sure you want to eject? This action is permanent.(y/N)

라는 물음이 나오면 y를 누르고 Enter를 쳐줍니다.

 

 

  만약, eject 실행 전 git을 통해 변경사항을 저장하지 않으면 

This git repository has untracked files or uncommitted changes:

...files

라는 메세지가 나올 것이며 이에 대한 해결은 Commit을 완료하면 해결됩니다.

 

그리고 다시 프로젝트로 돌아가서 npm start 해주시면 실행 완료!

 

 

 

 

 

  Cannot find module '@bable/plugin-transform-react-jsx' 에러

  eject 이후 다시 앱을 실행하니

Cannot find module '@bable/plugin-transform-react-jsx' ...

와 같은 에러가 발생합니다.

 

 

 

  이는 @bable/plugin-transform-react-jsx 모듈에 대한 에러로 node_modules 폴더를 삭제하고 다시 설치하시면 해결됩니다.

$ rm -rf node_modules
$ npm i (or yarn)