如何用 RUM 和 STAROps 排查 React 前端 toFixed 空值报错影响多个页面的问题？

以 React 电商演示应用 web-react-demo 为例：修改折扣金额展示逻辑后，商品详情页无法加购、结算页无法支付，两个页面报同一个 toFixed 空值错误。排查路径是：先在 STAROps 中询问这段时间的报错情况，查到 5 次 TypeError 均为 Cannot read properties of undefined (reading 'toFixed')，集中在商品详情页和结算页；再根据异常堆栈中的 JS 文件和行列位置查询 SourceMap，定位到折扣格式化函数 formatDiscount 中的 value!.toFixed(2)；JS 堆栈只能定位到出错的函数，要弄清为什么影响两个页面，还需看 React 组件堆栈——两个页面的业务父组件分别是商品报价 ProductOffer 和订单汇总 OrderSummary，但都使用了同一个折扣展示组件 DiscountAmount，因此受到同一处缺陷影响，需要修复共享的格式化函数并检查两个业务区域。