在我的Symfony项目中，我遇到了tailwindcss的问题，该项目曾经正常工作，直到我今天重新运行构建为止。突然，构建过程下载了parwindcss v4，现在我的样式都没有在网站上显示。 我的设置

Question

构建过程：我使用以下命令运行构建：

PHP垃圾箱/控制台尾风：构建-Watch

ImportMap：我正在将Symfony与ImportMap一起使用。我的资产/app.js包括：

• Import'./styles/app.css';

• 我的资产/样式/app.css包含：

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

@font-face {
    font-family: 'Memoirs';
    src: url('/fonts/Mouse_Memoirs/MouseMemoirs-Regular.ttf') format('truetype');
}

• i我可以确认我的CSS正在正确解释（例如，在浏览器开发工具中识别了类），因此该问题似乎仅来自尾风。

  发生了什么

  昨天，一切都按预期工作。今天，当我重新发布构建命令时，该过程下载了parwindcss版本4（Windows X64的v4.0.3）。构建命令的输出类似于：

• ! [NOTE] Executing Tailwind (pass -v to see more details).
  
  Command:
   C:\Path\to\project/var/tailwind/v4.0.3/tailwindcss-windows-x64.exe -c C:\Path\to\project/tailwind.config.js -i C:\Path\to\project/assets/styles/app.css -o C:\Path\to\project/var/tailwind/tailwind.built.css --watch
  
  ≈ tailwindcss v4.0.3
  
  Done in 106ms

  whow，即使构建成功完成，我的网站上也没有采用尾风样式。

  我尝试了什么

验证CSS输出：构建在VAR/TAILWIND/TAILWIND.BUILT.CSS上生成CSS文件，但是我不直接使用此文件，因为我依靠ImportMap加载资产。

检查ImportMap设置：我的app.js正确导入app.css，CSS文件包含尾风指令。

反转配置：我删除了所有自定义配置文件，因为所有内容都在工作。我的设置没有改变，除了现在使用了tailwind V4。

批准：我什至尝试恢复到捆绑包的先前版本，但问题仍然存在。

问题

有人遇到了一个类似的问题，在使用ImportMap的Symfony项目中，更新到TailWindCSS V4不会出现样式？是否存在已知的兼容性问题或尾风V4的变化可以解释这种行为？关于如何解决这一问题的任何帮助或指示，将不胜感激。

@TailWind Directives

在v4中，您使用常规CSS

@import

语句导入逆风，而不是使用V3中使用的

@tailwind

指令：

不支持V4

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

从V4
提供了支持
• @import "tailwindcss";

UPGRADE指南-Talwindcss v3至v4

带有“ NPX tailwindcss Init -p”命令

Answer 1

可升级到tailwind CSS V3至v4

-stackoverflow-与V4升级有关

如何设置tailwind CSS v4全局类？

-stackoverflow-与V4升级有关