Emotion css styled 使用与示例相同的代码给我错误

Question

我正在尝试在我的 React 测试项目中使用 Emotion.sh，但使用与 example 中相同的代码时出现以下错误

考虑可能有冲突的事情： 1.我用的是npm，现在用的是yarn； 2.我已经有一个小项目，我只改变了我的App.js，使其与示例完全相同 3. 我对这一切都很陌生=]

Answer 1

Andre，我认为您的问题与情感使用的 babel plugin 有关。

没有 babel 插件，你的语法应该是这样的：

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

通过 babel 插件，你可以使用你已经在使用的语法：

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

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