explorer에서 styled component 적용문제

Question

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

Answer

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

Answer

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

Answer

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

Answer

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

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 버전이 몇인가요?

khaiii

explorer에서 styled component 적용문제

이 글과 비슷한 Q&A

리액트 장바구니 총 합계 금액 계산 함수 어떻게 해야할까요?

javascript 공부없이 바로 react native 배워도 되나요?

타입스크립트 테스트코드 작성

리액트 셀렉트 박스 질문드려요