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

Question

我正在尝试使用 Emotion.sh在我的 React 测试元素中，但我使用与 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 配置，请参阅上面的链接。