Тесты компонентов Angular Cypress не работают с Tailwindcss

При запуске Tailwindcss в монорепозитории в стиле Nx (папки приложений и библиотек) я настроил конфигурацию Tailwind следующим образом:

content: ['./apps/**/*.{html,ts}', './libs/**/*.{html,ts}'],

Но он не применяет стили Tailwind и выдает ошибку:

«предупреждение — в ваших исходных файлах не обнаружено служебных классов. Если это неожиданно, дважды проверьте параметр content в конфигурации CSS Tailwind».

И никакие стили не применяются к тестам компонентов.

Я попытался изменить содержимое в tailwind.config.js на:

content: ['/**/*.{html,ts}', '**/*.{html,ts}'],

Это работает, но замедляет выполнение попутного ветра, поскольку он также оценивает node_modules.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
0
68
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это сработало, добавив:

'./src/**/*.{html,ts}'

К содержимому tailwind.config.js:

content: ['./apps/**/*.{html,ts}', './libs/**/*.{html,ts}', './src/**/*.{html,ts}'],

Я все еще пропускаю несколько классов попутного ветра здесь и там, возможно, из-за JIT. У вас была похожая проблема?

AlexZvl 30.12.2022 10:05

Нет, это было решено этим.

lyzz 31.12.2022 13:59

У вас также есть собственная тема попутного ветра?

AlexZvl 31.12.2022 14:18

Другие вопросы по теме