explorer에서 styled component 적용문제

Question

익스플로러에서 styled component 적용이 안되는데 바벨 이나 웹팩쪽 따로 추가설정을 안해줘서 그런가요??

khaiii · Answer

아 그렇군요ㅠㅠ 답변감사합니다!

제로초(조현영) · Answer

grid가 현재 원활하게 지원이 안 되는 것 같습니다. grid 사용을 최소화하시는 게 좋겠습니다.

khaiii · Answer

이제보니 grid, flex가 IE에서 지원되지 않아서 발생한 문제였네요ㅠㅠ 혹시 이 문제를 해결하려면 어떤 카테고리를 찾아봐야할까요?

제로초(조현영) · Answer

스타일드 컴포넌트 적용이 안 될 때 IE에서 콘솔에 어떤 에러가 뜰텐데(ex: 구문을 해석할 수 없습니다 등) 어떤 에러가 뜨나요?

khaiii · Answer

5.1.1 이예요!   "dependencies" : {      "@ant-design/icons" :  "^4.2.1" ,      "@babel/core" :  "^7.10.2" ,      "@next/bundle-analyzer" :  "^9.4.4" ,      "@zeit/next-bundle-analyzer" :  "^0.1.2" ,      "antd" :  "^4.3.1" ,      "axios" :  "^0.19.2" ,      "compression-webpack-plugin" :  "^4.0.0" ,      "cookie-parser" :  "^1.4.5" ,      "cross-env" :  "^7.0.2" ,      "dotenv" :  "^8.2.0" ,      "express" :  "^4.17.1" ,      "express-session" :  "^1.17.1" ,      "morgan" :  "^1.10.0" ,      "next" :  "^9.4.4" ,      "next-images" :  "^1.4.0" ,      "next-redux-saga" :  "^4.1.2" ,      "next-redux-wrapper" :  "^5.0.0" ,      "now" :  "^18.0.0" ,      "pm2" :  "^4.4.0" ,      "react" :  "^16.13.1" ,      "react-dom" :  "^16.13.1" ,      "react-helmet" :  "^6.0.0" ,      "react-redux" :  "^7.2.0" ,      "react-router-dom" :  "^5.2.0" ,      "redux" :  "^4.0.5" ,      "redux-devtools-extension" :  "^2.13.8" ,      "redux-saga" :  "^1.1.3" ,      "styled-components" :  "^5.1.1" ,      "styled-reset" :  "^4.1.5" ,      "webpack-ant-icon-loader" :  "^1.0.8"   },    "devDependencies" : {      "babel-eslint" :  "^10.1.0" ,      "babel-plugin-styled-components" :  "^1.10.7" ,      "eslint" :  "^6.8.0" ,      "eslint-config-airbnb" :  "^18.1.0" ,      "eslint-plugin-import" :  "^2.20.2" ,      "eslint-plugin-jsx-a11y" :  "^6.2.3" ,      "eslint-plugin-react" :  "^7.20.0" ,      "eslint-plugin-react-hooks" :  "^3.0.0" ,      "nodemon" :  "^2.0.4" ,      "webpack" :  "^4.43.0" ,      "webpack-cli" :  "^3.3.11"  }

제로초(조현영) · Answer

styled components 버전이 몇인가요?