无法将 daisyUI（TailwindCSS 插件）与 Angular 集成

Question

大家好，我想将我的 Angular (12) 与 daisyUI (2.15.0) 集成。当我将 Angular 与 TailwindCSS (2.2.19) 集成时，一切都很顺利，而且 daisyUI 安装也没有问题。但是，当我将 daisyUI 插件注册到tailwind.config.js中时，问题就开始了。这是我的tailwind.config.js：

module.exports = {
  content: ["./src/**/*.{html,js,ts}"],
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [require("daisyui")], //everything goes right without this
};

当我把require("daisyui"). 我的 Tailwind CSS Intellisense 显示错误消息：

Tailwind CSS：：4：1：无法生成变​​体，因为选择器不包含类。

这个问题导致我的 Angular 无法再使用。无论如何，我遵循了此来源的说明：https ://daisyui.com/docs/install/

Answer 1

从版本2更新TailwindCSS到版本3。

npm install tailwindcss@3

这对我有用。