인프런에서 리액트 관련 강의를 듣던 중 아래와 같은 에러가 콘솔 창에 떴습니다.
강의 하단에 있는 안내 문구를 확인해보니 링크를 참고하라고 하더라고요.
하지만.. 적용해도 에러가 나더라고요.
그래서 Unknown plugin "react-hot-loader/babel"을 해결할 수 있는
아주 쉬운 방법을 소개해드릴까 합니다!
1. react-hot-loader 설치
터미널에 npm install react-hot-loader 입력해줍니다.
2. babelrc 폴더 생성
root 폴더에 .babelrc 폴더 생성 후 아래 내용을 복붙해줍니다.
| { "presets": ["es2015", "react"], "plugins": ["react-hot-loader/babel"] } |
3. Hot export 해줍니다.
App.js 파일의 첫 번째 줄에 아래 내용을 복붙해줍니다.
| import { hot } from 'react-hot-loader/root'; |
App.js 파일의 마지막 줄에 아래 내용을 복붙해줍니다.
| export default hot(App); |
이상!
혹시라도 저와 같은 에러가 생기는 분들에게 조금이라도 도움이 되길 바라며..
[참고 사이트]
https://www.npmjs.com/package/react-hot-loader