IE 관련

Question

안녕하세요 제로초님 혹시 제로초님은 IE11 환경에서 구글지도를 써보신적 있으신가요??? npm에 google-react-map을 사용하는 중인데 Marker만 나오고 지도가 안나와서 그러한 경험이 있으신지 궁금합니다1

웹개발자 · Answer

s잊을만 하면 돌아와서 죄송합니다.. 이렇게 해도 소용이 없네요.. 그런데 npm에서 설치한 라이브러리는 이미 npm에 배포할때 컴파일이 된 상태인데 바벨로 다시 컴파일이 가능한가요???

제로초(조현영) · Answer

babelrc보다는 웹팩 설정쪽에 넣으시는 게 맞는 것 같습니다. https://webpack.js.org/configuration/#options 여기 보시면 module -> rules -> include가 있습니다. 여기에 넣으셔야 웹팩이 이 경로도 같이 바벨로 트랜스파일합니다.

웹개발자 · Answer

이런식으로 넣는데 맞는 방식인가요??

제로초(조현영) · Answer

next.js에는 babel/core babel-loader 모두 들어 있습니다. 위 문제는 .babelrc에 include를 넣고 google-react-map을 추가하면 google-react-map 소스 코드가 바벨에 적용됩니다. 아마 next의 기본 설정이 node_modules에 들어있는 모든 파일을 제외(exclude)하게 되어있는 것 같습니다.

웹개발자 · Answer

그리고 next.js 는 babel core bable loader는 기본적으로 들어가 있나요???

웹개발자 · Answer

아하 그렇군요.. 그런데 저렇게 에러가 뜨면 라이브러리에서 어떤 최신문법에서 에러가 나는지 몰라서 .babelrc에 어떤 바벨 플러그인을 설치해야할지 잘 모르겠습니다..

제로초(조현영) · Answer

폴리필은 다른 소스코드의 문법을 바꿔주는 게 아니라 최신 문법에 새로 생긴 함수나 객체를 넣어주는 것입니다. 다른 소스코드는 바벨로 컴파일을 해야만 바뀝니다.

웹개발자 · Answer

__document.js에 폴리필을 넣었는데 상관없는 건가요??

제로초(조현영) · Answer

저거 라이브러리가 IE11을 지원하지 않는 것 같습니다. 문법이 최신문법이라서 발생하는 에러에요.

웹개발자 · Answer

이러한 에러인데 객체에서 컴마를 마지막에 찍을 때 뜬다는데 잘 모르겠습니다..

제로초(조현영) · Answer

콘솔에 에러메시지는 없나요?