DIA
discord.js - Imagine an app•9mo ago
Epsilon

Buttons!

Having an error with some buttons. Developing in replit, Invalid form body error. 
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
20 Replies
d.js toolkit
d.js toolkit•9mo ago
- What's your exact discord.js npm list discord.js and node node -v version? - Not a discord.js issue? Check out #other-js-ts. - Consider reading #how-to-get-help to improve your question! - Explain what exactly your issue is. - Post the full error stack trace, not just the top part! - Show your code! - Issue solved? Press the button! - ✅ Marked as resolved by OP
Epsilon
Epsilon•9mo ago
node:events:491
      throw er; // Unhandled 'error' event
      ^

DiscordAPIError[50035]: Invalid Form Body
Emitted 'error' event on Client instance at:
    at emitUnhandledRejectionOrErr (node:events:394:10)
    at process.processTicksAndRejections (node:internal/process/task_queues:84:21) {
  requestBody: {
    files: [],
    json: {
      type: 4,
      data: {
        content: undefined,
        tts: false,
        nonce: undefined,
        embeds: [
          {
            title: 'Heres your cheeseburger!',
            description: '🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞',
            color: 90399
          }
        ],
        components: [
          {
            type: 2,
            emoji: undefined,
            label: 'Assemble cheeseburger!',
            style: 1
          }
        ],
        username: undefined,
        avatar_url: undefined,
        allowed_mentions: undefined,
        flags: undefined,
        message_reference: undefined,
        attachments: undefined,
        sticker_ids: undefined,
        thread_name: undefined
      }
    }
  },
  rawError: {
    message: 'Invalid Form Body',
    code: 50035,
    errors: {
      data: { components: { '0': { custom_id: [Object] } } }
    }
  },
  code: 50035,
  status: 400,
  method: 'POST',
  url: ''
}

Node.js v18.16.1
exit status 1
node:events:491
      throw er; // Unhandled 'error' event
      ^

DiscordAPIError[50035]: Invalid Form Body
Emitted 'error' event on Client instance at:
    at emitUnhandledRejectionOrErr (node:events:394:10)
    at process.processTicksAndRejections (node:internal/process/task_queues:84:21) {
  requestBody: {
    files: [],
    json: {
      type: 4,
      data: {
        content: undefined,
        tts: false,
        nonce: undefined,
        embeds: [
          {
            title: 'Heres your cheeseburger!',
            description: '🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞',
            color: 90399
          }
        ],
        components: [
          {
            type: 2,
            emoji: undefined,
            label: 'Assemble cheeseburger!',
            style: 1
          }
        ],
        username: undefined,
        avatar_url: undefined,
        allowed_mentions: undefined,
        flags: undefined,
        message_reference: undefined,
        attachments: undefined,
        sticker_ids: undefined,
        thread_name: undefined
      }
    }
  },
  rawError: {
    message: 'Invalid Form Body',
    code: 50035,
    errors: {
      data: { components: { '0': { custom_id: [Object] } } }
    }
  },
  code: 50035,
  status: 400,
  method: 'POST',
  url: ''
}

Node.js v18.16.1
exit status 1

message.txt

Epsilon
Epsilon•9mo ago
Needed to chop some bits off for message length.
Danial
Danial•9mo ago
Your button is missing the custom id
Epsilon
Epsilon•9mo ago
Type error when I add it in. 
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)
 .customID("chzburgID")

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)
 .customID("chzburgID")

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
 node bot.js
/home/runner/silos-bot-of-wonders/bot.js:15
 .customID("chzburgID")
  ^

TypeError: (intermediate value).setLabel(...).setStyle(...).customID is not a function
    at Object.<anonymous> (/home/runner/silos-bot-of-wonders/bot.js:15:3)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.16.1
exit status 1
 node bot.js
/home/runner/silos-bot-of-wonders/bot.js:15
 .customID("chzburgID")
  ^

TypeError: (intermediate value).setLabel(...).setStyle(...).customID is not a function
    at Object.<anonymous> (/home/runner/silos-bot-of-wonders/bot.js:15:3)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.16.1
exit status 1
Danial
Danial•9mo ago
It's .setCustomId()
Epsilon
Epsilon•9mo ago
node bot.js
/home/runner/silos-bot-of-wonders/bot.js:15
 .setCustomID("chzburgID")
  ^

TypeError: (intermediate value).setLabel(...).setStyle(...).setCustomID is not a function
    at Object.<anonymous> (/home/runner/silos-bot-of-wonders/bot.js:15:3)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.16.1
exit status 1
node bot.js
/home/runner/silos-bot-of-wonders/bot.js:15
 .setCustomID("chzburgID")
  ^

TypeError: (intermediate value).setLabel(...).setStyle(...).setCustomID is not a function
    at Object.<anonymous> (/home/runner/silos-bot-of-wonders/bot.js:15:3)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.16.1
exit status 1
Danial
Danial•9mo ago
Show your code
Epsilon
Epsilon•9mo ago
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)
 .setCustomID("chzburgID")

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
const { Client, GatewayIntentBits, EmbedBuilder, ActivityType,  ActionRowBuilder, ButtonBuilder, ButtonStyle, Events, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

const TOKEN = process.env['TOKEN']

client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}!`);

    client.user.setPresence({ activities: [{ name: 'over a ton of cheeseburgers.', type: ActivityType.Watching }], status: 'online' })

});
const chzburgButton = new ButtonBuilder()
 .setLabel("Assemble cheeseburger!")
 .setStyle(ButtonStyle.Primary)
 .setCustomID("chzburgID")

const chzburgEmbed = new EmbedBuilder()
        .setTitle("Heres your cheeseburger!")
        .setDescription("🍞\n 🥬\n 🧀\n 🥓\n 🥩\n 🍞")
        .setColor(0x01611F)
        

client.on('interactionCreate', async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === 'cheeseburger') {
    await interaction.reply ({embeds: [chzburgEmbed], components:[chzburgButton]})
   
  }
});  

client.login(TOKEN);
Danial
Danial•9mo ago
.setCustomId()
Epsilon
Epsilon•9mo ago
Yikes.
Epsilon
Epsilon•9mo ago
d.js docs
d.js docs•9mo ago
To share long code snippets, use a service like gist, sourcebin, starbin, or similar instead of posting them as large code blocks or files.
Danial
Danial•9mo ago
Can't see preview on the phone, please use this
Epsilon
Epsilon•9mo ago
https://pastebin.com/0MizYSpR
Pastebin
 node bot.jsLogged in as silo's bot of wonders#4253!node:events:49...
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
treble/luna
treble/luna•9mo ago
Your components need to be wrapped in an actionrow
d.js docs
d.js docs•9mo ago
class ActionRowBuilder (extends ComponentBuilder) Represents an action row component
Epsilon
Epsilon•9mo ago
const actionRow = new ActionRowBuilder({
    components: [
        {
             const chzburgButton = new ButtonBuilder()
    .setLabel("Assemble cheeseburger!")
    .setStyle(ButtonStyle.Primary)
    .setCustomId("chzburgID")
        },
    ],
});
const actionRow = new ActionRowBuilder({
    components: [
        {
             const chzburgButton = new ButtonBuilder()
    .setLabel("Assemble cheeseburger!")
    .setStyle(ButtonStyle.Primary)
    .setCustomId("chzburgID")
        },
    ],
});
treble/luna
treble/luna•9mo ago
if you're just gonna use raw json theres no need to wrap it in a builder and thats invalid js
d.js docs
d.js docs•9mo ago
guide Message Components: Buttons read more
Want results from more Discord servers?
Add your server
More Posts
How to end this argument string? (and how to make the code.. work?)Developing in replit, giving me an error with syntax errors, argument string errors and the bunch. TSetting a limit on number of subscribers to a Scheduled EventIs there any way to set a maximum capacity of number of people to a scheduled event? There doesn't sBOT SEND MULTIPLE MESSAGEHey I have a problem my bot spam message in channel but I want just send one message and update it acode to servermute all users in a voice channelHave been trying to figure out how to implement a command that when the trigger command is used thenHelp with botI'm trying to make a bot that when a user uses a specific command like "!dm", the bot dm them sayingUnknown ChannelI'm using this code below to edit every new channel or an edited channel to deny `SendMessages` for Issue w/ Opus -> Ogg recording voice with prism-media@v2.0.0-alpha.0 - ERR_REQUIRE_ESMI was trying to follow this example recording voice demo (https://github.com/discordjs/voice-exampleCall client in another fileHello ! I have my client instance declared in my index.ts as usual and would like to be able to callHelpCode - https://pastebin.com/s8s53Cqj Error - ``` C:\Users\User\Desktop\Музыкальный Бот\src\structuDiscord.js Inbedded buttons not wokring"TypeError: Cannot read properties of undefined (reading 'PRIMARY') at Object.execute (/Users/le