在Angular 13制作中，尾风不建立课程

Question

在生产中建立时，我很难赢得逆风。我跟随 Angular Guide 和tailwind在服务时工作正常，但是在构建应用程序时却没有识别HTML文件中的任何类，因此

在构建时不会将它们包括在构建中：警告 - 源文件中未检测到实用程序类。如果这是出乎意料的，请仔细检查 content 在您的尾风CSS配置中。

版本：

• Angular CLI：13.3.2
• Angular：13.3.2
• 节点：16.15.0：16.15.0
• 软件包：NPM：NPM 7.10.0
• OS：Win32 x64
• tailwind：3.0.24

tailwind.config.js 看起来像这样的：

module.exports = {
  content: ['./src/**/*.html'],
  theme: {
    extend: {},
  },
  plugins: [],
};

类的顶部。

/* You can add global styles to this file, and also import other style files */
@tailwind base;
@tailwind components;
@tailwind utilities;

tailwind Imports位于 styles.scss.scss 之 创建了 Postcss配置文件，因为我不确定在引擎盖下的角度汇编以及是否有必要。

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

我尝试

• 返回到tailwind 2，然后将内容更改为purge（使用启用的内容和设置为true。不起作用）
• 删除Angular Material CSS进口。 （无法使用）
• 更改配置content以包括所有内容（'./*//*。{html，ts}' - 不起作用）
• 更改config content要包含特定文件（'./ src/app/app.component
• 。但我不想这样做。）
• 使用CLI NPX tailwindcss -o /output.css < /code>（正常工作。）

关于我可能做错什么的想法？谢谢！

Answer 1

我能够解决这个问题。我从dist文件夹中的构建脚本中调用ng构建。 tailwind.config.js中的内容路径并未从项目的根部看，它从命令到命令的词根中查找文件。

因此，为了定位/src/app/*，我必须像这样上升一个级别：../ src/**/*。html