问题标签 [tailwind-in-js]

因此，我正在使用 tailwindCSS 构建一个小型项目，并考虑实现暗模式。我制作了一个按钮并将其映射到将dark类放在 html 标记中。经过一段时间的测试，我意识到切换看起来有点奇怪，因为它是瞬间发生的。有没有办法将过渡持续时间或计时功能应用于此更改？

这是我如何处理更改的基本逻辑（我也在使用 vue）：

感谢您的任何帮助

我是tailwind-css的新手，我想要实现的是，可以说我在component/index.js中使用了几类tailwindcss，我想在组件目录中生成tailwindcss的index.css文件，例如：component/index.css . 就像这样，我将拥有每个文件夹的不同 css 文件，而不仅仅是一个大文件。在 tailwind.config.js 文件中使用 purge 是否可以实现这件事。

我想从我的 VueJS 组件中的 tailwind 配置中获取颜色对象。

我从顺风文档中找到了这个参考，但它似乎抛出了一个错误

无法解析“/node_modules/tailwindcss/lib/plugins”中的“fs”

我正在尝试创建 1 个可重复使用的间隙变量，我可以在任何有多个按钮的地方使用它。而不是使用gap-3我只想使用gap-buttons

我得到的错误是Maximum call stack size exceeded. 我试过buttons: (theme) => theme(theme.gap.3)也没有用。还有颜色，它不起作用......

我创建了一个插件并向其中添加了 React（使用“@wordpress/scripts”）。

我希望能够使用 Tailwind 在网站前端编写代码。但是当我加载 Tailwind 时，它会覆盖默认主题样式（例如删除列表中的点或链接的下划线）。

我尝试使用 @wordpress/scripts 和 Create React App 实现反应。我尝试使用 CDN、Create React App 以及他们文档中介绍的“默认”方式来实现 Tailwind。结果总是一样的。

我还尝试更改 css 队列的优先级，但它是相同的。

因此，目标是将 react + Tailwind 代码放在前端（例如通过简码），而不会干扰网站的其余部分（例如默认样式）。

我的代码：

包.json

postcss.config.js

tailwind.config.js

我的主要插件文件

谢谢 ！

为了简化我的主题，我想引用我定义的自定义颜色，然后将它传递给一个函数以获得更亮或更暗的变体。

我使用以下（部分）代码扩展了默认颜色主题：

现在我的目标是以某种方式引用colors.primary另一个自定义颜色变体，以将其传递给自定义函数，如下所示：

但是，我似乎无法以任何方式引用原色。我试过了this.colors.primary，this.theme.extend.colors.primary但似乎无法启动并运行。

任何有关如何做到这一点的线索将不胜感激。

干杯!

当我在门户目录中执行 npm start 时，它会显示错误消息：

错误消息之前和 npm start 之后屏幕上的信息是：

我的 tailwind.js 文件如下所示（添加注释中显示的第 32 行）：

我正在查看这些线程、tailwind 文件或在此处输入链接描述，但由于此网页是 prod 中正在运行的网页，我怀疑我是否需要编辑我的 tailwinds 文件或重命名文件。

我已经用 IntelliJ idea 构建了这个项目。

Update1：​​我尝试了npm install -g yarn但仍然收到相同的错误消息。

更新：我尝试在 cp-frontend 中将 tailwind.js 重命名为 tailwind.config.js，并且它在 package.json 中的引用。npm start 出现错误：

我做了以下事情：

在根目录和 cp-frontend 目录中：

之后我没有收到弹出错误，但有错误：

我现在的问题是，我是否需要将缺少的依赖项添加到前端的 package.json 中？如果我执行 npm install ，我确信它们会消失，但我不清楚永久修复。依赖列表项是否有顺序？浏览器弹出一个空白屏幕，但调试工具没有显示我可以看到的错误。

我正在使用 Tailwind CSS。这是一个非常好的 css 框架。但是 Tailwind 没有 Bootstrap 或 Materail Ui 之类的组件，我找到了一些第三方组件但这些只是 css。在哪里可以找到带有 js 交互代码的 Tailwind 组件？

我是 Tailwind 的新手，我有一个视频背景页面（基于该帖子https://daily-dev-tips.com/posts/tailwind-css-full-screen-video-header/），我试图添加一个模式( http://www.patternify.com/ ) 在该视频背景之上。我尝试了几种不同的方法，但所有这些方法都对背景的位置产生了奇怪的影响。

有人可以告诉我应该如何在 Tailwind 中完成吗？

当 NextJS 12 发布时，我教用顺风构建一个项目。

我的 package.json

next.config.js 文件

并且根据 nextjs 文档，我们必须更新我们的 _document.js 文件

我收到这个奇怪的错误

我的 global.css 文件

但是，如果我删除了实验性功能，它只是文件

像这样

奇怪，但是在我构建后它可以工作