可选链接不起作用：无法读取未定义的属性“0”[关闭]

为什么可选链在这里不起作用？

.html

 {{userItemModel?.item?.priceList[0]?.sellerUrl}}

它显示此错误。

TypeError: Cannot read property '0' of undefined

“@角/核心”：“〜10.1.1”，

“打字稿”：“~4.0.2”

 "priceList": [
                {
                    "amount": 14.5,
                    "currency": "USD",
                    "sellerUrl": "https://www.bay.com/itm/Lear-6910-/33372049",
                    "basePrice": 15,
                    "discount": 10
                }
            ],

Update

用例 1：

  Parser Error: Unexpected token [, expected identifier or keyword at column 33 
in [                    {{userItemModel?.item?.priceList?.[0]?.sellerUrl}}
                    ] in 

用例 2：

Parser Error: Unexpected token [, expected identifier or keyword at column 33 in [

                    {{userItemModel?.item?.priceList?.[0].sellerUrl}}
                ] in 

要正确地链接数组访问而没有异常，您应该使用arr?.[index]:

var foo = {}
try{
  console.log(foo?.bar[0])
}
catch(e){
  console.log(e.message)
}
console.log(foo?.bar?.[0])

编辑：这是一个已知问题 https://github.com/angular/angular/issues/34385此时有角度。