У меня есть приложение React, которое пытается tailwind.macro работать в нотациях emotion.Я использую customize-cra для перепрограммирования приложения, а ${tw WHATEVER } успешно работает.Тем не менее, похоже, что он не наследует оригинальные цветовые темы от tailwind, и я ищу решение.
Вот проект:
https://github.com/minagawah/cra-ts-emotion-tailwind-solution
Как описано в README,Я пытался (1) использовать макрос babel и (2) использовать плагины PostCSS .
Я думал, что это проблема backgroundSize, как обсуждается в этой проблеме, но не повезло.
Вот как я использую нотацию макроса tw в приложении:
# ./src/App.tsx
import styled from '@emotion/styled';
import tw from 'tailwind.macro';
const Button = styled.button`
${tw`mt-4 p-2 text-white bg-red-600`}
`;
И этов настоящее время работает , потому что я применил обходной путь для этого.
Следует применить цветовые темы попутного ветра по умолчанию без обходного пути, который я применил.
Я пытался найти способы,но пока не повезло ...
Пожалуйста, мне отчаянно нужна помощь в этом ...
РЕДАКТИРОВАТЬ: (2019-09-22)
Пока яборолся за работу bg-red, я только что обнаружил, что по умолчанию нет bg-red ... Это было то, что мне нужно было добавить вручную в tailwind.config.js.
Проблема решена.
module.exports = {
theme: {
extend: {
colors: {
red: '#e53e3e',
},
},
},
variants: {},
plugins: [],
}