Await 仅在异步中有效

Question

我对编码很陌生，并按照在线教程介绍了如何使用 canvas 进行图像处理，但我收到此错误，抱歉打扰！ 任何帮助表示赞赏

if (message.author.bot) return;
    msg = message.content.toLowerCase();
    if(msg.includes("test")) {
        const sayMessage = message.content.split(' ').slice(2).join(' ')

        const canvas = Canvas.createCanvas(700, 250);
        const ctx = canvas.getContext('2d');

        const background = await Canvas.loadImage('./wallpaper.jpg');
        ctx.drawImage(background, 0, 0, canvas.width, canvas.height);

        ctx.strokeStyle = '#74037b';
        ctx.strokeRect(0, 0, canvas.width, canvas.height);

        ctx.font = applyText(canvas, sayMessage);
        ctx.fillStyle = '#ffffff';
        ctx.fillText(sayMessage, canvas.width / 2.5, canvas.height / 1.8);

        ctx.beginPath();
        ctx.arc(125, 125, 100, 0, Math.PI * 2, true);
        ctx.closePath();
        ctx.clip();

        const avatar = await Canvas.loadImage(member.user.displayAvatarURL({ format: 'jpg' }));
        ctx.drawImage(avatar, 25, 25, 200, 200);

        const attachment = new Discord.MessageAttachment(canvas.toBuffer(), 'test.png');

        channel.send(attachment);
    } 

Answer 1

正是错误所说的。 您在其中等待任何其他 function 的 function 必须是异步的。

例如：

async function wait() {
    await somefunction() // correct because function is async
}

然而

function wait() {
    await somefunction() // error
}

Answer 2

您很可能需要向.onMessage事件添加async 。 它应该看起来像这样：

bot.on('message', async message => {
    //do your commands here
})

注意message => {}部分前面的async 。 这就是允许您在 onMessage 事件中使用await的原因。