我正在尝试将Hero UI（或任何组件库）与最新版本配置为Tailwind CSS和Next.js。但是，我面临问题，因为我的项目中没有tailwind.config.js文件，而且我不确定如何进行配置。 细节是：

Question

next.js：14.x

tailwind CSS：3.x

英雄UI：最新

sissue：

使用官方指南安装尾风CSS后，我在项目中看不到tailwind.config.js文件。

我需要自定义尾风以与英雄UI组件一起使用，但是没有配置文件，我无法做到。 我采取的步骤：

使用以下命令安装尾风CSS：

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

将以下内容添加到我的postcss.config.js：

---

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

将以下内容添加到我的Globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

预期的行为：

tailwind.config.js文件应自动生成，允许我自定义tailwind for Hero ui。

实际行为：

没有tailwind.config.js文件是创建的，我无法为英雄UI配置tailwind。

additional信息：

我使用next.js和tailwindcss.

的最新版本 我尝试手动创建一个tailwind.config.js文件，但我不确定英雄UI的正确配置。

有人可以指导我解决这个问题吗？谢谢！

tailwindcssv3

尽管较旧的指南可能会声明这些步骤安装了自2025年1月以来，运行NPM安装tailwindcss实际上安装了新的V4稳定版本。 不幸的是，V4引入了重大的破坏变化，需要完全不同的安装步骤。如果您仍然想使用parwindcss v3，请按照以下步骤：npm install tailwindcss@3

the以“ npx tailwindcss init -p”命令

-stackoverflow

安装parwindcss的问题

tailwindcss v3的安装指南也已更新：

with tailwindcss v3带有postcs

-parwindcss v3docs

任意旧（V3）安装指南 - 问题＃1971

-GitHub

V3文档中使用

tailwindcss@3

-PR＃2022

-GitHub

Answer 1

tailwindcssv4

如果您想安装parwindcss v4，请查看更改并按照新的安装步骤进行操作：

with tailwindcss v3带有postcs

-parwindcss v4docs

如何使用PostCSS安装tailwindcss v4而不是tailwindcss v3？

-stackoverflow
• v4变化了什么？
-stackoverflow

将您的尾风CSS项目从V3到V4

-TailWindCSS V4Docs