Spring+Angular改造OrderItem关联Product后前端提交订单报错求解

• 学习背景：跟随Udemy平台主讲人Chad Derby的Spring + Angular全栈电商开发课程，完成简易电商站点的基础搭建
• 改造目标：调整课程原生的OrderItem实体设计，将原单独存储的productId字段，替换为OrderItem与Product实体的多对一映射关系，让order_items表通过product_id外键关联Product表，实现符合预期的数据库表结构
• 当前验证情况：后端改造完成后，可通过Postman正常跑通全量下单流程，数据可按预期存入数据库；但从Angular前端发起下单请求时流程中断
• 具体报错：点击提交按钮触发请求时，前端控制台抛出错误：ERROR TypeError: Cannot set property 'id' of undefined
• 已准备排查素材：本次改造涉及的TypeScript类定义、Checkout组件的提交逻辑代码、前后端完整代码仓库
• 核心诉求：明确该故障的排查方向，获取可落地的解决方案

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