角度离子构建：无法读取未定义 postcss 的属性“toLowerCase”

编程问答 2022-05-02

问题描述

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

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

list1 = [[1,'A','B',2],[1,'D','E',3],[2,'F','G',4]]
list2 = [['A','B'],['B','C'],['F','G']]

list3 = [e for (e,k) in zip(list1,list2) if (e[1] == k[0] and e[2] == k[1])]
list3
[[1,4]]

版本详情

enter image description here

解决方法

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

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

  3. 当你发现这样的语法错误时： enter image description here 尝试将生成的 style.css 中的错误代码与您的源代码相匹配，并在那里修复问题。

就我而言，原始代码如下所示： enter image description here 其中 darker 是一种不存在的调色板颜色，我将其更改为 main（现有颜色），这就是修复。类似的修复适用于 fill: !important。

,

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 配置文件:)！

angularangularcssnanoionic-frameworkpostcsssasssass