问题标签 [tailwind-ui]

我正在按照教程的官方Tailwind CSS安装reactjs逐步进行，但tailwindcss 没有添加到我的reactjs项目中。

这是我正在关注的教程的链接，

我认为我可能有错误的唯一部分是tailwind.config.js文件，它就在这里。

索引.css

postcss.config.js

我想发送一个请求，例如https://google.com当我们切换状态时发送一个带有切换值（true/false）的请求。我添加了 codepen 沙盒链接。谁能帮我吗？谢谢。

参考：https ://codepen.io/lhermann/pen/EBGZRZ

我正在尝试在反应项目中使用 Tailwind CSS。我按照此处文档中给出的步骤进行操作。但在完成所有步骤后，我无法看到顺风 CSS 更改。我正在Home.js像这样在文件中添加样式，

但它没有显示任何内容 以下是必需的文件：

包.json

tailwind.config.js

应用程序.js

索引.css

另外，我的项目结构是

我注意到在我的 index.css 中，我收到了这个警告

我不知道原因，我已经重新启动了笔记本电脑两次但无法正常工作。

我有一个现有的React Project. 我之前使用过引导类，但现在我想用Tailwind CSS. 我已经在这个问题中询问了我的错误，但没有得到任何回应，所以我想从一开始就知道这个过程。

您还可以在此处的共享中找到与该项目相关的更多详细信息。

预先感谢您对我的帮助！

社区，

我有一个快速的问题。我正在使用当前版本的 Tailwind CSS。

我的目标是将按钮 (corpus delicti) 发送到父 div 的底部。我一直在使用content-between，但这没有用。所以我只是为了好玩justify-between而尝试，按钮元素被发送到父 div 的底部。我不明白。这是为什么？

在 CSS 文档中指出“

... CSS justify-content属性定义了浏览器如何沿着 flex 容器的主轴在内容项之间和周围分配空间[...]。”

这是CSS代码：

很高兴得到答案，因为这种行为完全破坏了我对 CSS 来之不易的信任。

提前谢谢！

我正在使用 typescript 创建一个 React 应用程序，并尝试使用 Tailwind 的多列应用程序 shell之一（这个），然后使用Tailwind Typography通过其prose类呈现一些 HTML。

（我还没有让 Tailwind Typography 在现有项目中按预期工作。所以，我从头开始尝试用一个非常基本的应用程序来隔离问题。）

我的 package.json

我的tailwind.config.js

src/index.css

我的应用程序.tsx

我的 ./routes/AppShell.tsx 是从这个多列布局应用程序 shell复制粘贴的。

prose除了我添加了这个由类元素包含的 HTML ：

然而，排版插件似乎没有启动？！

我试图使用文档中提到的琥珀色和石灰等颜色。这些颜色不起作用。只有名称如原色名称（例如红色、粉红色）的颜色才有效。

不适用的颜色：琥珀色、翡翠色、石灰、玫瑰色、紫红色、板岩色、锌色，甚至橙色。

我使用的是 2.26 版本，但我使用 Tailwind 游乐场检查了 1.9 和 2.25 之间的版本，但这些颜色仍然不起作用。即使在操场上，也不建议使用这些颜色名称。

为什么我不能使用这些颜色？

我在我的 vue 项目中使用了 tailwind 预定义的 css。

正如您所看到的，对于每个标签，我必须输入所有这些多个类。我想要的是有什么方法可以让变量类在这样的类上工作

我想使用不同风格的 Poppins，如 Thin100、medium500 ......但我无法在文档的任何地方找到它来执行此操作。

我曾经这样使用过，但我认为它适用于 medium500 风格。我不明白如何选择默认样式以及如何区分这些样式？

有没有类似的东西：

就像我们如何定义自定义颜色一样。

对于下面提供的评论：

HTML 文件

CSS 文件

I don't understand why I have this issue

warn - The content key is missing or empty. Please populate the content key as Tailwind generates utilities on-demand based on the files that use them. For more information see the documentation: https://tailwindcss.com/docs/content-configuration

tailwind.config.js