首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未能将daisyUI (TailwindCSS插件)与角集成

未能将daisyUI (TailwindCSS插件)与角集成
EN

Stack Overflow用户
提问于 2022-05-16 14:17:53
回答 2查看 1.9K关注 0票数 5

嗨,伙计们,我想把我的角度(12)和daisyUI (2.15.0)集成起来。当我将角度与TailwindCSS (2.2.19)集成时,一切都进行得很好,而且daisyUI安装也没有问题。然而,当我将daisyUI插件注册到tailwind.config.js中时,问题就开始了。这是我的tailwind.config.js:

代码语言:javascript
运行
复制
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")时,问题就开始了。我的尾风CSS Intellisense显示了一条错误消息:

无法生成

尾风CSS::4:1: Variant,因为选择器不包含任何类。

这个问题导致我的角度不能再用了。无论如何,我遵循了这个来源的说明:https://daisyui.com/docs/install/

EN

Stack Overflow用户

发布于 2022-07-01 01:56:12

代码语言:javascript
运行
复制
module.exports = {
  content: ["./src/**/*.{html,js,ts}"],
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
   plugins: [require(getDaisyUI())],
};
function getDaisyUI() {
  return "daisyui";
}

同样的事情发生在我使用尾部网格时,所以我将它提取到全局范围内的一个函数中。

代码语言:javascript
运行
复制
function getDaisyUI() {
  return "daisyui";

它帮我解决了这个问题。

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72260688

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档