为什么在角度上打开“优化”会产生PrimeNg元素渲染正确的问题？

Question

角版: 9.x

Primeng版本: 9.x

在我们的dev/prod环境中，PrimeNg元素呈现错误，但是，这些元素确实在本地环境中正确呈现。我已经将问题归结为angular.json文件中的“优化”标志。当此标志设置为false时，样式按预期呈现。但是，当标志设置为true时，一些CSS样式似乎会在这些环境中被覆盖，从而导致不必要的样式设置。

例如，当使用来自<p-carousel>库的PrimeNg元素时，该元素会以意外的样式呈现按钮。此外，当在[modal]=true元素上将<p-dialog>属性设置为true时，它不会执行其预期的将背景灰化的行为。

我试图避免将优化标志设置为false，因为它正在增加构建大小。

迄今为解决以下问题而采取的办法：

1. 对Angular.json属性进行实验。
2. 尝试不同的类型文本版本(将目标设置为ES5 in tsconfig.json)

旋转木马正确渲染：

​

​

旋转木马渲染错误(注意蓝色箭头/方块)：

​

​

为什么设置这个字段会影响CSS的呈现方式？除了将“优化”设置为false之外，还有其他被忽略的修复方法吗？

Answer 1

我遇到了同样的问题，当它使用ng服务构建和构建--prod /最优化=false时工作，当您使用--prod和optimization=true构建--prod和optimization=true时，对enableProdMode()的调用修复了这个问题，这个问题在这里描述为#8724。