Css Firebase托管部署后angular应用程序的开发版本和生产版本显示不同

大家好，我的社区

我正在使用Firebase/AngularFire2构建angular应用程序，并决定将其部署到web上，以便使用Firebase的主机进行测试。这不是我第一次使用Firebase及其托管功能。然而，这一次我遇到了一个奇怪的问题。开发版本（使用“ng serve”在本地主机上显示）与为生产版本部署的Firebase不同。事实上，部署用于生产的版本缺少很多样式。例如，所有mat select下拉列表看起来都没有任何内容（即使有），对话框的背景是黑色而不是白色，等等

但是值得一提的是，部署“开发”版本可以很好地工作。因此，在部署到Firebase之前使用“ng build”而不是“ng build--prod”不会产生此问题。这让我想到了在构建应用程序“生产”版本的过程中的某个地方，有点不对劲，问题不在于Firebase的部署功能，因为开发部署的版本看起来和工作方式与预期一致

以前有人遇到过类似的事情吗

多谢各位

开发版本（应该是什么样子）：

生产版本（实际外观）：

这是我的项目的文件结构：

---

尝试禁用angular.json文件中的'extractCss'键

尝试禁用angular.json文件中的'extractCss'键