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

Question

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

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

Answer 1

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

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

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

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

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

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