Discord.js v14 交互式分页：解决“机器人思考中”与“交互失败”问题

const { ActionRowBuilder, ButtonBuilder, ButtonStyle, ComponentType, EmbedBuilder } = require('discord.js');

module.exports = {
    async execute(interaction, pages, time = 60000) {
        // 1. 首次响应命令交互：使用 deferReply 告知 Discord 机器人正在处理
        await interaction.deferReply();

        // 如果只有一页，则直接发送，不添加分页按钮
        if (pages.length === 1) {
            const page = await interaction.editReply({ // 使用 editReply 更新初始的 deferReply
                embeds: [pages[0]], // 注意：这里是 pages[0]，因为 pages 是一个数组
                components: [],
                fetchReply: true
            });
            return page;
        }

        // 创建分页按钮
        const prev = new ButtonBuilder()
            .setCustomId('prev')
            .setEmoji('◀️')
            .setStyle(ButtonStyle.Primary)
            .setDisabled(true); // 初始时上一页和主页按钮禁用

        const home = new ButtonBuilder()
            .setCustomId('home')
            .setEmoji('?') // 更改为更直观的表情符号
            .setStyle(ButtonStyle.Secondary)
            .setDisabled(true);

        const next = new ButtonBuilder()
            .setCustomId('next')
            .setEmoji('▶️')
            .setStyle(ButtonStyle.Primary);

        const buttonRow = new ActionRowBuilder()
            .addComponents(prev, home, next);

        let index = 0; // 当前页码索引

        // 2. 发送初始分页消息，并获取消息引用
        let currentPage = await interaction.editReply({
            embeds: [pages[index]],
            components: [buttonRow],
            fetchReply: true
        });

        // 创建消息组件收集器，监听按钮点击
        const collector = currentPage.createMessageComponentCollector({
            componentType: ComponentType.Button,
            time
        });

        collector.on('collect', async (i) => {
            // 权限检查：只有发起命令的用户才能操作按钮
            if (i.user.id !== interaction.user.id) {
                const embed = new EmbedBuilder()
                    .setDescription('❌ 你不能使用这些按钮！')
                    .setColor('Red'); // 添加颜色提升可读性

                // 使用 ephemeral reply 告知非授权用户
                return i.reply({
                    embeds: [embed],
                    ephemeral: true
                });
            }

            // 3. 关键步骤：使用 deferUpdate 响应组件交互，避免“Bot is thinking...”
            await i.deferUpdate(); // 告知 Discord 机器人已收到按钮点击，正在处理

            // 根据按钮ID更新页码
            if (i.customId === 'prev') {
                if (index > 0) index--;
            } else if (i.customId === 'home') {
                index = 0;
            } else if (i.customId === 'next') {
                if (index < pages.length - 1) index++;
            }

            // 更新按钮状态（禁用/启用）
            prev.setDisabled(index === 0);
            home.setDisabled(index === 0); // home 按钮通常在第一页时禁用
            next.setDisabled(index === pages.length - 1);

            // 4. 更新原始消息的内容和组件
            await currentPage.edit({
                embeds: [pages[index]],
                components: [buttonRow]
            });

            // 重置收集器计时器
            collector.resetTimer();
        });

        // 收集器结束事件
        collector.on('end', async () => {
            // 当收集器结束时，禁用所有按钮
            prev.setDisabled(true);
            home.setDisabled(true);
            next.setDisabled(true);

            await currentPage.edit({
                embeds: [pages[index]],
                components: [buttonRow] // 保持按钮行，但按钮已禁用
            });
        });

        return currentPage;
    }
};