语法错误：异步函数中出现意外的保留字'await'

Question

这是我的代码。不知道为什么会出现错误。函数类型为async。

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

为您在地图中使用的回调函数添加async

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)
})
})}
}