리액트 - only one instance of babel-polyfill is allowed 오류 도와주십시오..

Question

안녕하세요 선배님들 네이버 아이디 로그인 기능을 구현하던 도중 아래와 같은 오류가 발생되었습니다.찾아보니 only one instance of babel-polyfill이 하나만 있어야 한다고 하는데 저게 뭔지 어떻게 해결해야 할지 이해가 안됩니다..너무 미흡해 질문의 답변조차 어려워 보입니다.. 한번만 도와주십시오

Dierslair · Accepted Answer

엥... babel이라는 건 es6 이상의 자바스크립트 문법을 ie같은 es5.1 타겟의 브라우저에서 동작할 수 있게끔 번역해주는 트랜스파일러입니다. babel-polyfill 이라는 건 바벨의 플러그인 중 하나로, 문법이 아니라 기능 자체가 없는 경우 이를 추가해주는 플러그인인데, cdn같이 브라우저에서 직접 사용하는 standalone 방식의 경우 전역 window 객체에 기능을 추가하기 때문에 딱 한번만 적용해 주어야 합니다.(전역 객체 오염이라고 합니다) naver login 라이브러리가 저런 식으로 사용한다니 이해가 안가긴 하네요. 본인의 애플리케이션에서 babel-polyfill을 사용하고 있다면 제거해주시면 되고, 아니면 다른 라이브러리가 사용하고 있는지 확인이 필요합니다.

Andrew.. · Answer

감사합니다. 문제를 해결하다보니 좀 더 문제에 대해 선명해져서 글을 남깁니다.문제 : react-naver-login이라는 모듈을 다운받아서 사용했는데 only one instance of babel-polyfill오류가 발생했습니다.말씀주신 것처럼 위 오류는 전역 객체 오염이 발생하여 한 곳에서는 babel-polyfill을 제거해주어야 했습니다.해결방법 : 그래서 제가 선택한 해결방법은 react-naver-login모듈에 sdk를 naver에서 제공하는 nopolyfill버전으로 변경해주어 해결하였습니다.바쁘신 시간을 내주어 도움을 주셔서 깊이 감사합니다.

리액트 - only one instance of babel-polyfill is allowed 오류 도와주십시오..

2개의 답변

Q&A 목록