Primeng не работает правильно после добавления Tailwindcss для проекта ⇐ CSS

[Anonymous]

Я попытался создать проект, используя как Tailwindcss, так и Primeng. Но после того, как я импортировал Tailwind, стили Primeng не применяются дальше < /p>
Я попытался использовать опцию префикса Taillide, но как только я импортирую, стили Primeng больше не применяются.
, чтобы исключить другие причины, я создал свежий угловой проект (угловая версия 16) и установлен только Tailwindcss и Primeng.

Код: Выделить всё

tailwind.config.js

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{html,ts}",
],
theme: {
extend: {},
},
plugins: [],
prefix: "tw-",
}
< /code>
angular.json

Код: Выделить всё

{
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.css"
],
"scripts": []
},
< /code>
style.css

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/primeng.css";
< /code>
In the app component I have a few test divs (Primeng button and Input - Tailwind container with some styles)
After I delete the tailwindcss imports (more precisely @tailwind/base) from the style.css

Компоненты Primeng имеют правильный стиль. Но стили с ветром потеряны

Подробнее здесь: https://stackoverflow.com/questions/772 ... to-project