Discord.js点击按钮修改样式遇报错：interaction方法异常求助

核心问题原因 #

你遇到的所有错误，本质是对Discord按钮交互的响应逻辑理解偏差，以及组件更新的方式错误：

1. 按钮交互没有edit方法，这是你第一个报错的直接原因
2. 调用deferUpdate()后，交互已被Discord标记为“已确认”，此时不能再用update()，必须用editReply()完成后续更新
3. 直接修改buttonInteraction.component无效，因为这只是当前交互的组件引用，必须获取原消息的完整组件结构修改后再传回

正确解决方案 #

方案一：直接更新（无需deferUpdate）

update()方法本身就是对按钮交互的合法响应，既不会触发“交互失败”提示，又能直接修改原消息的按钮样式：

// 获取原消息的完整组件结构
const components = [...buttonInteraction.message.components];

// 定位被点击的按钮
const targetRow = components.find(row => row.components.some(btn => btn.customId === buttonInteraction.customId));
const targetButton = targetRow.components.find(btn => btn.customId === buttonInteraction.customId);

// 修改按钮属性
targetButton.disabled = true;
targetButton.style = 3;

// 提交更新，替换原消息的组件
await buttonInteraction.update({ components: components });

方案二：先defer再更新（适合有耗时操作的场景）

如果需要先处理耗时逻辑，再更新按钮，可先调用deferUpdate()避免失败提示，后续用editReply()完成更新：

// 先告知Discord将延迟更新，避免报错
await buttonInteraction.deferUpdate();

// （这里可以执行数据库查询、API调用等耗时操作）

// 获取原消息组件并修改
const components = [...buttonInteraction.message.components];
const targetRow = components.find(row => row.components.some(btn => btn.customId === buttonInteraction.customId));
const targetButton = targetRow.components.find(btn => btn.customId === buttonInteraction.customId);

targetButton.disabled = true;
targetButton.style = 3;

// 提交更新
await buttonInteraction.editReply({ components: components });

之前错误的具体原因 #

• TypeError: interaction.edit is not a function：按钮交互对象没有edit方法，正确的更新方法是update或editReply
• Error [INTERACTION_NOT_REPLIED]: ...：调用editReply前必须先调用deferUpdate()或reply()，你之前的代码可能未正确等待deferUpdate()执行完成
• DiscordAPIError: Interaction has already been acknowledged.：deferUpdate()已确认交互，此时不能再调用update()，必须用editReply()完成后续更新

内容的提问来源于stack exchange，提问作者parsecer