Я следовал инструкциям официальной документации 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, но все равно показывалась пустая страница. Затем я снова попытался выполнить всю документацию, но это тоже не сработало.
Любая помощь приветствуется :)



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


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