问题标签 [tailwind-ui]

我刚刚开始使用 VueJS 和 Tailwind，之前从未真正使用过任何与 npm 相关的东西。

我有下面的代码，使用 Tailwind 和 Headless UI，通过调试，我知道我喜欢 99% 的方式......除了持续的错误消息

未捕获的 ReferenceError：未定义帖子

我知道这应该是直截了当的，但是我在这里或通过 Google 找到的一切都没有奏效。我哪里错了？

违规行是const selected = ref(posts[30])我知道我需要以某种方式定义posts，但我不明白怎么做？

我有一个导航菜单；小型设备的字体大小为 10 像素，中型设备为 20 像素，大型设备为 50 像素。不幸的是，我是顺风 css 的新手。

现在我已经编写了如下的css。这是正确的方法吗，我是否需要将像素转换为rem

我正在使用line-clampTailwind 并尝试使用自定义 DOM 截断省略号。有没有办法通过 Tailwind 做到这一点。

我无法打开 2 Disclosure 之一。

下面附上了试图实现这一点的方法，当我添加static道具时，它会无限期地保持打开状态。

我正在尝试学习tailwindCss，但文档显示最新版本

我遵循它来设置我的第一个项目，但这里的问题是当我将实用程序类应用于我的项目时它不起作用。这是我的代码

这是tailwindcss生成的样式的链接

当模式很暗时，我需要反转颜色。当我尝试申请时dark:invert，出现以下错误

我想在顺风中扩展540 像素和 1920 像素的屏幕尺寸，但“xxs”不起作用。

}**

我想在我的 React 应用程序中使用 Tailwind css。我已按照文档Tailwind 安装并将我的 React 应用程序配置为使用 Tailwind css。但是，只有一些类在工作。例如，背景颜色bg-gray-400有效但bg-gray-900不起作用，只会给出白色背景。这发生在大多数课程不起作用的几个课程中。我不知道为什么会这样。

我为 Rails 7 运行了这个新设置以包括顺风：

当我从 tailwindui.com 获取这段代码时，这看起来效果很好：

除了我尝试的每个代码示例的移动菜单部分外，一切似乎都运行良好。汉堡菜单不会出现在移动设备中。我只得到不起作用的“X”标记。我的理解是，带有 Tailwind 的新 Rails 7 设置应该可以配置所有内容。但似乎情况并非如此。

javascript.config.js：

包.json：

有人知道我错过了什么吗？

I have a problem at the moment and don't know how to change this. i use a grid. and this works before. but now the grid pulls down with it which i don't want. How can i change this? I use Tailwind

<section class="grid md:grid-cols-4 grid-flow-row-dense gap-4 p-4">