Cannot read property 'MessageButton' of undefined (discord.js)

Question

I have a probleme, I don't know why but when I use the command "!button", I have an error, there is my code for check it:

const discord = require('discord.js');
const client = new discord.Client();
const disbut = require('discord-buttons')(client);

client.on("message", async (message) => {
    if (message.content == "!button") { // Use this command only once and only on one channel.
    let buttons = new disbut.MessageButton()
        .setStyle('green') // Button Color
        .setLabel('Test') // Button Name 
        .setID('Button') // Button ID
    message.channel.send('Message Text.', { buttons: [buttons] });
    }
    if (message.content == "!urlbutton") { // Use this command only once and only on one channel.
    let buttons2 = new disbut.MessageButton()
        .setStyle('url') // Button Url
        .setLabel('Discord') // Button Name
        .setURL('https://discord.com') // URL for forwarding
        .setDisabled()
    message.channel.send('Message Text.', { buttons: [buttons2] });
    }
});

the error:

let buttons = new disbut.MessageButton()
                             ^

TypeError: Cannot read property 'MessageButton' of undefined
    at Client.<anonymous> (C:\Users\Sans\Desktop\discord-button-main\index.js:8:30)
    at Client.emit (node:events:394:28)
    at MessageCreateAction.handle (C:\Users\Sans\node_modules\discord.js\src\client\actions\MessageCreate.js:31:14)
    at Object.module.exports [as MESSAGE_CREATE] (C:\Users\Sans\node_modules\discord.js\src\client\websocket\handlers\MESSAGE_CREATE.js:4:32)

what's the probleme ? I don't really know ^^" (there is not all my code)

Answer 1

I would take a look at this guide to learn more about buttons and interactions.

This uses discord.js v13

To fix the immediate problem, it will require recoding, as follows:

const { Client, MessageActionRow, MessageButton } = require('discord.js');
const client = new Client();

client.on('messageCreate', async message => {
    if (message.content === '!button') {
        let buttons = new MessageActionRow()
            .addComponents(
                new MessageButton()
                .setStyle('SUCCESS') //Choices are PRIMARY, a blurple button, SECONDARY, a grey button, SUCCESS, a green button, DANGER, a red button, LINK, a button that navigates to a URL.
                .setLabel('Test')
                .setCustomId('button')
         message.channel.send({
             content: 'Message Text',
             components: [buttons]
         })
    } else if (message.content === '!urlbutton') {
        let buttons2 = new MessageActionRow()
            .addComponents(
                new MessageButton()
                .setStyle('LINK')
                .setLabel('Test')
                .setURL('https://discord.com')
         message.channel.send({
             content: 'Message Text',
             components: [buttons2]
         })
    }
})

How the buttons are interacted with would be under a different listener:

client.on('interactionCreate', async interaction => {
    if (interaction.isButton()) {
        const buttonID = interaction.customId
        if (buttonID === 'button') {
        // do something
        return interaction.reply({
            content: 'Say something',
            ephemeral: true //set false or remove if you want everyone to see the response
        }
    }
}