Предварительный просмотр Canva показывает ошибку: ни один сервер не прослушивает ⇐ Html

[Anonymous]

У меня проблемы с интеграцией редактора Canva SDK (Designbutton) в простую HTML -страницу. Я использую Live Server (VS Code) для запуска его локально.
Предварительный просмотр URL в Canva IS http: // localhost: 5500/, который поддерживается в разработчике Canva Dashboard. (Localhost: 5500).

• Я следил за официальной документацией Canva SDK: https://www.canva.com/developers/docs/d ... n/overview фрагментов/> codex.ht. and added the SDK script like this:

I also initialized the button with:
Canva.DesignButton.initialize({
buttonSelector: "#canva-button",
appId: "my_app_id", // my app ID
designType: "Poster",
onDesignPublish: (design) => {
console.log("Design completed:", design.exportUrl);
},
});
< /code>
Вот мой html -файл: < /p>




Intégration Canva Editor



Test Canva Editor


try {
Canva.DesignButton.initialize({
buttonSelector: "#canva-button",
appId: "my_app_id",
designType: "Poster",
onDesignOpen: () => {
console.log("Éditor Canva open");
},
onDesignPublish: (design) => {
console.log("Design ended:", design.exportUrl);

},
});
} catch (error) {
console.log("une erreur: ", error)
}



< /code>
Проблема: в Canva, при предварительном просмотре, он говорит: «Сервер не слушает». 127.0.0.1 или 192.168.x.x, Canva отклоняет разработчик. Я ожидал, что кнопка Canva появится и позволит мне открыть редактор Canva во всплывающем окне, когда я нажал его. Вместо этого кнопка вообще не появляется, и в предварительном просмотре Canva Developer я получаю сообщение «Нет сервера не слушает». Страница нормально загружается в моем браузере (http: // localhost: 5500), но в Canva Sdk.

Подробнее здесь: https://stackoverflow.com/questions/796 ... -listening