css Emotion Stil gibt mir Fehler mit gleichen Code wie beispielsweise

Question

Ich versuche Emotion.sh in meinem zu verwenden Reagieren Testprojekt buti die folgende Fehlermeldung erhalten den gleichen Code wie in example

Dinge mit zu berücksichtigen, dass möglicherweise eine conflit haben: 1. Ich benutzte npm, jetzt verwende ich Garn; 2. Ich habe bereits ein kleines Projekt, und ich änderte meine App.js nur genau das gleiche wie das Beispiel alles =]

Answer 1

Andre 3. Ich bin sehr neu zu passen, ich Denken Sie, Ihr Problem bezieht sich auf Emotion babel plugin, die Emotion verwendet.

Ohne das babel-Plugin, sollten Sie Ihre Syntax wie folgt aussehen:

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

Mit dem babel Plugin können Sie die Syntax verwenden, die Sie bereits verwenden:

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

Siehe den Link oben für Installationsanweisungen und babel config.