出于某种原因，在我的styles.scss中，我必须按如下方式导入变量

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

字符串
而不是

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

型
reload and it worked. Angular版本14.1.0，Tailwindcss版本3.1.7

Angular 14尝试tailwind.config.js像这样

/** @type {import('tailwindcss').Config} */
  module.exports = {
  content: ['./src/**/*.{html,ts}', './projects/**/*.{html,ts}'],
  theme: {
    extend: {},
  },
  plugins: [],
 }

字符串

感谢@MaksatRahmanov，我找到了解决方案。问题似乎是我安装了最新的Tailwind版本（v3）与Angular 12。我切换回v2，一切正常。
它唯一的问题是，两个版本（check here）之间有很多东西发生了变化，所以它可能会破坏v3的许多正常工作。

看看这个教程：https://medium.com/tunaiku-tech/angular-11-tailwindcss-2-0-blazing-fast-cfa20ae3a5e9。在该教程中，使用TailwindCSS版本2。如果您想要TailwindCSS版本3，请更改配置文件以匹配TailwindCSS版本3配置文件。通过设置上述教程中提到的angular项目，TailwindCSS版本3工作正常。

我也遇到过这种情况，我多次检查我的tailwind.js.js，

content: [    
"../src/**/*.html"
]

字符串
.应该足够了。但是由于我不知道的原因，它只是在添加新类时不重建。所以，和你一样，我在构建的CSS文件中没有看到新类。我几乎放弃了，但最后我的解决方案是：
src/tailwind.scss：

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

型
package.json中的新脚本，称为“tailwind”-它会监视HTML中的更改并重建css。
postcss.config.js:

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

型
还安装了npm-run-all，所以我可以在“npm run start”上服务并观察tailwind的变化：

"scripts": {
"ng": "nx",
"serve": "ng serve --configuration=dev",
"start": "npm-run-all --parallel serve tailwind",    
"tailwind": "npx tailwindcss --postcss -i ./src/tailwind.scss -o ./src/app/scss/tailwind.css --watch"
 }

型
angular.json:

"styles": [
            "src/app/scss/tailwind.css"
          ]

型
这样就可以了。每当有新的类添加到HTML文件中时，你就可以提供和重建CSS。我知道这是一种变通方法，但至少它100%有效。

似乎你已经安装了最新版本的顺风与角12也许有什么问题？尝试安装顺风v2，看看它是否工作。一些破坏性的变化可能会发生，因为顺风v3

我也遇到过这个问题，当生成新的Angular项目时，全局样式.scss将包含/* You can add global styles to this file, and also import other style files */，请确保在此注解上方添加@tailwind base; @tailwind components; @tailwind utilities;，否则它将无法工作。

我花了很长时间来解决这个问题，最后发现停止运行应用程序并再次运行：ng serve然后tailwind将正确应用，作为tailwindcss的文档

解决方法很简单，只要在tailwind.confing.js中设置important: true，它将把所有的实用程序都视为更高的优先级。
在tailwindcss退房

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{html,ts}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
  important: true
}

字符串