情感css样式使用相同的代码作为示例给我错误

Question

我正在尝试在我的React测试项目中使用Emotion.sh但是使用与example

中相同的代码我得到以下错误

需要考虑的事情可能会有所不同： 我正在使用npm，现在我正在使用纱线; 2.我已经有了一个小项目，我只改变了我的App.js，使其与示例完全相同 我对这一切都很陌生=]

Answer 1

安德烈，我认为你的问题与情绪使用的情感babel plugin有关。

如果没有babel插件，您的语法应如下所示：

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

使用babel插件，您可以使用已经使用的语法：

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

有关安装说明和babel配置，请参阅上面的链接。