在Angular中，组件样式通常是作为CSS文件附加到组件的元数据中的。但是，有时会遇到组件CSS未添加到头中的问题，导致组件样式未正确加载。

要解决这个问题，可以尝试以下步骤：

1. 打开angular.json文件（或.angular-cli.json文件，取决于你使用的是哪个版本）。在“build”配置中确保“extractCss”设置为true：

"build": { "builder": "@angular-devkit/build-angular:browser", "options": { ... "extractCss": true },

2. 在组件元数据中使用styleUrls而不是styles来加载组件CSS：

@Component({ selector: 'app-component', templateUrl: './component.html', styleUrls: ['./component.css'] })

如果您使用的是内联样式，则可以在styleUrls数组中添加相对路径或绝对路径。

3. 确保在index.html文件中包含了应用程序的主要CSS文件。例如：

如果您的主要CSS文件位于另一个路径下，则需要相应地更改CSS文件的相对路径。

通过这些步骤，您应该能够解决Angular组件CSS未添加到中的问题。