Angular 14表单报错：表单提交取消，因表单未关联 求助

前端表单代码 #

<form [formGroup]="User" (ngSubmit)="onSubmit()">
....
....
    <button mat-raised-button type="submit"  color="primary" [disabled]="!User.valid">Sign-up</button>
    <p>Already have an account?</p><button mat-raised-button  type="button" color="secondary" routerLink="/login">Log in</button>
</form>

组件对应处理代码 #

async onSubmit() {
     this.authService.signUp(this.User.value);
}

已尝试的无效解决方案 #

• 为onSubmit方法添加$event参数并调用e.preventDefault()，问题未解决
• 移除async修饰符，无任何效果
• 移除表单的(ngSubmit)绑定，改为绑定按钮点击事件，依旧报错
• 移除(ngSubmit)、将按钮类型改为button、修改点击事件方法名，选中主表单时仍会立即触发相同错误

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