Angular - 升级 Tailwindcss v4

Question

我目前在 Angular 项目中使用 Tailwind v3 (https://github.com/edissum/opencapture/tree/dev_nch)。

今天我尝试升级到Tailwind v4，但没有成功。

我没有使用 postcss，我只是在我的

package.json

、我的

tailwind.config.js

和我的主 scss 文件中导入了

@tailwind base

如果我将软件包升级到4.0.0，则会出现以下错误

Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. 
The PostCSS plugin has moved to a separate package, 
so to continue using Tailwind CSS with PostCSS 
you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.

我尝试安装

@tailwind/postcss

并创建一个像这样的PostCSS配置文件

export default {
    plugins: {
        "@tailwindcss/postcss": {}
  }
}

提前致谢

Answer 1

删除了@tailwind指令

在 v4 中，您使用常规 CSS

@import

语句导入 Tailwind，而不是使用 v3 中使用的

@tailwind

指令：

从 v4 开始不支持

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

从 v4 开始支持

@import "tailwindcss";

• 升级指南 - TalwindCSS v3 到 v4