Angular Material 15仅引入表单字段主题报错：未定义mixin

报错原因 #

mat.private-form-field-theme 是 Angular Material 的内部私有混合器，不属于对外公开的可调用 API，直接在业务代码中引用必然会触发“未定义”错误。这类以private-开头的 API 仅用于框架内部实现，不对外提供兼容性保障，完全不应该在业务代码中使用。

正确解决方案 #

替换为官方公开的 mat.form-field-theme 混合器即可，同时保留已引入的输入框样式（表单字段依赖输入框的基础样式）：

@use '@angular/material' as mat;
@use 'theme-light' as light;

@include mat.core();

// 输入框基础样式
@include mat.input-theme(light.$ng-frontend-theme);
// 表单字段主题样式（替换原私有混合器）
@include mat.form-field-theme(light.$ng-frontend-theme);
// 其他你用到的组件样式
@include mat.list-theme(light.$ng-frontend-theme);

额外注意事项 #

• 若表单字段内嵌套了其他组件（如下拉选择框、复选框等），需要同时引入对应组件的主题混合器，例如 mat.select-theme、mat.checkbox-theme 等。
• 确保你的theme-light主题文件中，已正确定义包含color、typography、density等必要配置的主题对象。

内容的提问来源于stack exchange，提问作者Conde