감정 CSS의 난에 <a href="https://emotion.sh/" rel="nofollow noreferrer">Emotion.sh</a>를 사용하는 것을 시도하고있다

Question

예를 들어 동일한 코드를 사용하여 나에게 오류를 제공 내 테스트 프로젝트 일 뿐이가이 conflit가있을 수 있습니다 고려해야 할 example

것들과 같은 코드를 사용하여 다음과 같은 오류가 반작용 : 1. 나는 npm을 사용했다. 이제 나는 원사를 사용하고있다. ] =

Answer 1

앙드레을 2. 이미 작은 프로젝트를 가지고 있고, 나는 단지 내 App.js이 3. 나는이 모든 아주 새로운 오전의 예와 똑같은 맞게 변경, I 당신의 문제는 감정이 사용하는 감정의 babel plugin과 관련이 있다고 생각하십시오. 바벨 플러그인없이

, 당신의 구문은 다음과 같아야합니다

const Wrapper = styled.div` 
    text-align: center; 
` 

은 위의 링크를 참조하십시오 :

바벨 플러그인으로

const Wrapper = styled('div')` 
    text-align: center; 
` 

, 당신은 당신이 이미 사용하고있는 구문을 사용할 수 있습니다 설치 지침 및 babel 구성에 대한 정보.