我刚遇到过几乎一模一样的问题！这是因为Tailwind CSS v4在Angular组件的样式文件中默认不会自动加载其工具类集合，而全局样式文件因为被PostCSS配置处理了，所以能正常识别@apply。下面是几个亲测有效的解决办法：

方法1：在组件样式文件手动引入Tailwind工具类 #

在每个需要使用@apply的组件.scss文件顶部添加@reference指令，让Tailwind将工具类注入到当前样式作用域中：

// 比如 your-component.component.scss
@reference "tailwindcss";

.custom-class {
  @apply bg-red-400 text-white p-4 rounded;
}

这样@apply就能正确识别Tailwind的工具类了，适合只在少数组件中使用@apply的场景。

方法2：修改PostCSS配置实现全局自动引入 #

如果不想每个组件都手动加指令，可以修改.postcssrc.json配置，让所有被PostCSS处理的样式文件自动导入Tailwind工具类：

{
  "plugins": {
    "@tailwindcss/postcss": {
      "imports": ["tailwindcss"]
    }
  }
}

配置完成后，所有组件的.scss文件无需手动添加@reference，直接使用@apply即可生效，适合大规模使用@apply的项目。

方法3：确认Angular样式处理配置 #

偶尔会因为Angular的样式隔离机制导致PostCSS没有处理组件样式文件，你可以检查angular.json中的配置，确保组件的样式文件被纳入PostCSS的处理流程：

• 确认architect.build.options.styles中包含全局的styles.scss
• 确保组件的styleUrls指向的.scss文件没有被特殊配置排除在PostCSS处理之外

另外补充下为什么全局样式文件没问题：全局的styles.scss是Angular的全局样式入口，默认会被PostCSS全程处理，所以自动加载了Tailwind的工具类；而组件样式因为ViewEncapsulation的特性，默认处于独立作用域，需要手动触发Tailwind的工具类注入~