Селекторы компонентов могут использоваться только в сочетании с ошибкой babel-plugin-emotion при использовании эмоции - PullRequest
Новая
       27

Селекторы компонентов могут использоваться только в сочетании с ошибкой babel-plugin-emotion при использовании эмоции

2 голосов
/ 26 апреля 2020

У меня есть стилизованный компонент, такой как 

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;


`

Я выполнил указанную ниже команду, чтобы добавить babel-plugin-emotion 

npm i --save-dev babel-plugin-emotion

Я получаю эту ошибку

enter image description here

Что еще мне нужно сделать, чтобы плагин работал с эмоциями?

1 Ответ

2 голосов
/ 26 апреля 2020

Оказывается, вы можете удалить модуль babel-plugin-emotion и использовать макросы, предоставленные emotion .

Используйте следующий импорт 

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

Вот и все, и вы хороши для go.

...