使用情绪时，组件选择器只能与babel-plugin-emotion错误一起使用

Question

我有一个样式化的组件，例如

influx

我运行了以下命令以添加babel-plugin-emotion

export const UL = styled.ul`
  list-style: none
`
export const Nav = styled.nav`
  ${UL}: {
    margin-top: 40px;
  }

  background-color: #222;
  padding: 0.35em 1.25em;


`

我收到此错误

我还需要做些什么才能使插件发挥作用？

Answer 1

原来，您可以删除模块babel-plugin-emotion并使用emotion提供的宏。

使用以下导入

import styled from "@emotion/styled/macro";

就这样，您很高兴。