와.. 드디어 되네요 너무 감사합니다!!며칠 째 고생했는데 이렇게 되니까 너무 좋은데, 너무 허무하기도 하네요..ㅠㅠ저는 여태껏 next config 설정과 babel 쪽만 보고 있었는데이렇게 방법을 찾아내고 적용하는것이 실력이겠죠? 앞으로 더 열심히 하겠습니다!아 그리고 혹시 몰라서 코드 남겨봅니다.babel 대신 swc를 이용했습니다. (혹시 babel 설정으로 안되시는 분들을 위해서..)<ol><li>npm install --save-dev @swc/plugin-styled-components @swc/core</li><li>root 폴더 안에 .swcrc 만들기&nbsp;// .swcrc&nbsp;{ "jsc": { "experimental": { "plugins": [ [ "@swc/plugin-styled-components", { "displayName": true, "ssr": true } ] ] } } }</li><li>next.config 파일에 설정 추가 swcMinify: true, compiler: { styledComponents: true, }, ** 혹시 .babelrc를 삭제하지 않고 남겨두고 swc를 사용하려고 하면 이런 문구가 보입니다. 'Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" <a target="_blank" rel="noopener noreferrer nofollow" href="https://nextjs.org/docs/messages/swc-disabled">https://nextjs.org/docs/messages/swc-disabled</a> ' '<code>compiler</code> options in <code>next.config.js</code> will be ignored while using Babel <a target="_blank" rel="noopener noreferrer nofollow" href="https://nextjs.org/docs/messages/ignored-compiler-options">https://nextjs.org/docs/messages/ignored-compiler-options'</a> 바벨 셀정파일을 남겨두고 싶으시다면, 아래 설정도 next.config 파일에 추가해주시면 됩니다. experimental: { forceSwcTransforms: true, }</li></ol>

Teo

投稿