3

我正在尝试构建我的应用程序，但我从 Postcss 收到此错误。

注意：“/srv/http/r2-app/styles.e4dd05dfea4b7f17f938.css”上的文件不存在。

[error] TypeError: Cannot read property 'toLowerCase' of undefined
    at /srv/http/r2-app/styles.e4dd05dfea4b7f17f938.css:50691:1
    at hasInherit (/srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/canMerge.js:16:39)
    at Array.some (<anonymous>)
    at _default (/srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/canMerge.js:23:13)
    at /srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:234:33
    at mergeRules (/srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/mergeRules.js:44:11)
    at /srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:233:29
    at Array.forEach (<anonymous>)
    at Object.merge (/srv/http/r2-app/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:231:7)
    at /srv/http/r2-app/node_modules/postcss-merge-longhand/dist/index.js:20:13
    at Array.forEach (<anonymous>)
    at /srv/http/r2-app/node_modules/postcss-merge-longhand/dist/index.js:18:23
    at /srv/http/r2-app/node_modules/postcss/lib/container.js:115:18
    at /srv/http/r2-app/node_modules/postcss/lib/container.js:74:18
    at Root.each (/srv/http/r2-app/node_modules/postcss/lib/container.js:60:16)
    at Root.walk (/srv/http/r2-app/node_modules/postcss/lib/container.js:71:17)
    at Root.walkRules (/srv/http/r2-app/node_modules/postcss/lib/container.js:113:19)

版本详情 在此处输入图像描述

4

3 回答 3

1

  1. 使用“优化”在本地机器上以开发模式构建您的应用程序：在您的 angular.json 中设置为 true。这是为了更方便的调试所必需的。

  2. 打开文件夹中生成的 style.css 文件dist并检查它是否有错误（如果您在 docker 容器中开发，请将此文件从容器复制到主机）。

  3. 当您发现这样的语法错误时： 在此处输入图像描述 尝试将生成的 style.css 中的错误代码与您的源代码匹配，并在那里修复问题/问题。

在我的例子中，原始代码如下所示： 在此处输入图像描述 where darkeris a non-existing palette color 我改为main（现有的），这就是修复。类似的修复是针对fill: !important.

于 2021-06-06T15:59:54.180 回答
1

Angular 在 angular.json 中有优化标志，如果你将它设置为 true，minificaiton css 也会发生。

就我而言，这是 tailwind.config.js 中的一个非常愚蠢的错误，而不是任何 css 类。最终 Tailwind 只生成一堆类

   grey: {
    50: '#d8d8d8',
    200: '#8d8d8d',
    300: '#3a3a3f',
    400: '#252b3d',
    500: '#242837',
    600: '#222434',
    700: '#1b1d29',
    800: '' --------------------> silly mistake which failed minifycss
  },

如果您集成了 tailwind 并且在 css 中找不到问题，请检查您的 tailwind 配置文件 :)！

于 2021-07-08T11:51:50.080 回答
1

我正在使用角度metronic。我得到了同样的错误，很长一段时间后我发现了错误的代码块并对其进行了注释。错误已修复。

边框宽度：获取（$checkbox-config，类型，口音，边框宽度）！重要；

metronic css合并错误

于 2021-10-08T13:51:28.440 回答