Postcss 加载器在 Angular 更新后无法识别自定义顺风类答案

【问题标题】：Postcss loader dont recognize custom tailwind class after Angular updatePostcss 加载器在 Angular 更新后无法识别自定义顺风类
【发布时间】：2022-01-11 12:11:24
【问题描述】：

由于 vurnability，我刚刚将我们的项目从 Angular 10.1 更新到 13，现在当我尝试为该项目提供服务时，出现以下错误：

./src/styles/global.css - 错误：模块构建失败（来自 ./node_modules/mini-css-extract-plugin/dist/loader.js）： HookWebpackError：模块构建失败（来自 ./node_modules/postcss-loader/dist/cjs.js）：语法错误 (13:3) C:\ProjectPath\src\styles\base\reset.scss text-blue 类不存在。如果text-blue 是一个自定义类，请确保它是在@layer 指令中定义的。

目前已安装 postcss 8.4.5、postcss-import 14.0.2、postcss-loader 4.0.3、postcss-nested 5.06 和 tailwindcss 3.0.13 这是我的 webpackConfig(https://pastebin.com/bsuD11b7)，这是我的 angular.json(https://pastebin.com/hfm7SENi)。

如果需要更多信息，请询问。

【问题讨论】：

标签： angular postcss-loader

【解决方案1】：

我有，似乎在新版本中，例如生成了以下 bg-blue-default 和 bg-blue-dark，而不是像以前那样生成 bg-blue 和 bg-blue-dark。

我只需要用 bg-blue-default 替换旧的 bg-blue

colors: {
  blue: {
    default: "#003460",
    dark: "#001f39"
  },

【讨论】：