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

Question

由于 vurnabilitys，我刚刚将我们的项目从 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): SyntaxError (13:3) C:\ProjectPath\src\styles\base\reset.scsstext-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），这是我的角度.json（https://pastebin.com/hfm7SENi）。

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

Answer 1

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

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

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