ОШИБКА: параметр запросаframe_id не определен

Я следовал инструкциям официальной документации Discord «Начало выполнения моего первого действия», но это не работает. https://discord.com/developers/docs/activities/building-an-activity

Когда я добавляю этот код в файл main.js, страница становится пустой. Когда я запускаю сервер только с HTML-кодом, он показывает Hello World и все такое. В консоли режима разработчика страницы с этим кодом, который я должен добавить, она выдает сообщение об ошибке, когда дело доходит до строки 8. Сообщение об ошибке: «Параметр запросаframe_id не определен». Это должно быть как-то связано с SDK, потому что DISCORD_CLIENT_ID установлен правильно, я это проверил.

Это код, который я должен добавить:

// Import the SDK
import { DiscordSDK } from "@discord/embedded-app-sdk";

import "./style.css";
import rocketLogo from '/rocket.png';

// Instantiate the SDK
const discordSdk = new DiscordSDK(import.meta.env.VITE_DISCORD_CLIENT_ID);

setupDiscordSdk().then(() => {
  console.info("Discord SDK is ready");
});

async function setupDiscordSdk() {
  await discordSdk.ready();
}

document.querySelector('#app').innerHTML = `
  <div>
    <img src = "${rocketLogo}" class = "logo" alt = "Discord" />
    <h1>Hello, World!</h1>
  </div>
`;

Это код, в котором работает страница:

import './style.css'
import rocketLogo from '/rocket.png'

document.querySelector('#app').innerHTML = `
  <div>
    <img src = "${rocketLogo}" class = "logo" alt = "Discord" />
    <h1>Hello, World!</h1>
  </div>
`;

SDK установлен правильно, так что это не должно быть проблемой. И он должен быть правильно импортирован.

Я пробовал много вещей, например вставить идентификатор клиента непосредственно в функцию newDiscordSDK, но это не сработало. Я попытался устранить проблему и обнаружил, что проблема в строке 8, но идентификатор клиента все еще не указан, поэтому это связано с Discord SDK. Затем я снова попытался установить Discord SDK. Но это ни к чему не привело. Я также попытался продолжить работу с документацией из Discord, но все равно показывалась пустая страница. Затем я снова попытался выполнить всю документацию, но это тоже не сработало.

Любая помощь приветствуется :)

Какая строка равна 8? Посмотрите там, и вы найдете проблему. Идентификатор клиента может быть установлен, но могут потребоваться и другие параметры.

Jeremy 11.04.2024 19:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
211
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В руководстве указано, что вам ДЕЙСТВИТЕЛЬНО следует использовать облачный туннель. Если вы не добавите его в сопоставления URL-адресов на портале разработчика, приложение будет отображаться как пустая страница и, следовательно, не будет работать. У меня была та же проблема, но теперь, когда я правильно настроил туннель Cloudflared, все работает :)

Другие вопросы по теме