不和谐按钮失败弹出命令

Question

我正在尝试为我的 Discord 服务器创建一个菜单，并且我已经让 slash 命令正常工作，但是当我去拉菜单时，我得到：主菜单作为执行 slash 命令时不和谐的返回。

我使用以下代码来达到我所拥有的：

    //Remember to run " node deploy-commands.js " to register your commands!

const { SlashCommandBuilder } = require('@discordjs/builders');
const { MessageActionRow, MessageButton } = require('discord.js');


module.exports = {
    data: new SlashCommandBuilder()
        .setName('menu')
        .setDescription('Brings up the Main Menu'),
    async execute(interaction, client) {
        const row = new MessageActionRow()
                        .addComponents(
                                new MessageButton()
                                        .setCustomId('dice-bag')
                                        .setLabel('danger')
                                        .setStyle("DANGER"),
                                
                                new MessageButton()
                                        .setCustomId('spells')
                                        .setLabel('primary')
                                        .setStyle("PRIMARY"),
                                        
                                new MessageButton()
                                        .setCustomId('inventory')
                                        .setLabel('Success')
                                        .setStyle("SUCCESS"),
                        );
                        await interaction.reply({content: 'Main menu,', components: [row]})
    },
};

我觉得我需要以某种方式嵌入消息，但我不是 100% 确定如何。我很确定我可能需要添加以下内容：

await interaction.reply({content: 'Main menu,', components: [row]})

我很确定 components: [row]}) 是错误的，但我不知道应该用什么代替它。每当我尝试修复它时，我都会收到有关 MessageActionRow 操作行需要 NEW 的错误。

感谢您的帮助！

Answer 1

注意！这是假设您使用的是 Discord.js v13.2.0。

---

根据文档，<MessageActionRow>.addComponents(...) 需要 Array 或 MessageActionRowComponentResolveables。这看起来像这样：

<MessageActionRow>.addComponents([
new MessageButton().setValue("option1").setStyle("PRIMARY"),
new MessageButton().setValue("option2").setStyle("DANGER")
]);

这里要注意的重要一点是大括号的使用 ([])。在 JavaScript 中，大括号表示一个数组。在您的代码中，您缺少大括号。

// DON'T do this!
<MessageActionRow>.addComponents(new MessageButton, new MessageButton);

// DO this!
<MessageActionRow>.addComponents([ new MessageButton, new MessageButton ]);

这样，您的代码并没有太大的不同。您所要做的就是添加大括号。

<MessageActionRow>.addComponents([
new MessageButton()
.setCustomId('dice-bag')
.setLabel('danger')
.setStyle("DANGER"),

new MessageButton()
.setCustomId('spells')
.setLabel('primary')
.setStyle("PRIMARY"),
                                        
new MessageButton()
.setCustomId('inventory')
.setLabel('Success')
.setStyle("SUCCESS")
]);