SyntaxError：異步函數中意外的保留字“await”

Question

這是我的代碼。 無法弄清楚錯誤發生的原因。 該函數是異步類型的。

 const func = async () => { {submission[0].emoticons.map((item, idx) => { console.log('apngToFrame is working') const imgsrc = `${url}${item.id}` var container2 = document.querySelector('.output2') const response = await fetch(imgsrc) const buffer = await response.arrayBuffer() const apng = parseAPNG(buffer) if (apng instanceof Error){ console.error('apng.message', apng.message) return ; } await apng.createImages() apng.frames.forEach(f => { container2.appendChild(f.imageElement) }) })} }

Answer 1

為您在地圖中使用的回調函數添加異步

const func = async () => {
      {submission[0].emoticons.map(async(item, idx) => {
        console.log('apngToFrame is working')
        const imgsrc = `${url}${item.id}`
        var container2 = document.querySelector('.output2')
        const response = await fetch(imgsrc)
        const buffer = await response.arrayBuffer()
        const apng = parseAPNG(buffer)
        if (apng instanceof Error){
          console.error('apng.message', apng.message)
          return ;
        }
        await apng.createImages()
        apng.frames.forEach(f => {
          container2.appendChild(f.imageElement)
        })
      })}
    }