728x90
Error: Component selectors can only be used in conjucntion with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform
❓상황
emotion/style를 이용하여, component selector를 이용하려고 할 때 발생한 오류
🔎 원인 파악
기본적으로 emotion은 css selector만 허용되기 때문에, 별도의 설정이 필요한 경우라면(나의 경우에는 component selector) babel파일을 생성해서 커스텀하면 된다고 한다.
emotion 공식 문서에 @emotion/babel-plugin을 사용하라고 한다.
✨ 해결 방법
1. @emotion/babel-plugin 설치
2. .babelrc 파일 생성 및 코드 작성
3. .babelrc next.js preset 추가
'공부 > 오류' 카테고리의 다른 글
| 오류 | mySQL load data infile 오류 (0) | 2022.08.23 |
|---|---|
| 오류 | props를 객체의 key로 사용할때 발생한 오류(ft. react, typescript ) (0) | 2022.08.02 |
| 오류 | Manifest 오류 (0) | 2022.07.25 |
| 오류 | useInfiniteQuery fetch 오류 (0) | 2022.07.24 |
| 오류 | Link 태그에 a태그 대신, 컴포넌트 입력시 발생하는 오류(feat. Next.js) (0) | 2022.07.06 |