Как решить BotChat.App Uncaught ReferenceError?

Я пытаюсь использовать код, который нашел в Встраивание бота на сайт. Я знаю, что были некоторые обновления, мой вопрос в том, доступен ли BotChat.App для использования. Потому что я использую BotChat.App и выдал мне эту ошибку Uncaught ReferenceError: BotChat не определен.

Я пытаюсь изменить его на window.WebChat.renderWebChat, и он работает, но выдает ошибку в этой строке document.getElementsByClassName("wc-header")[0].setAttribute("id", "chatbotheader");


<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8" />
    <title></title>
   <link href = "https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel = "stylesheet" />
  <script src = "https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <style>
        #mychat {
            margin: 10px;
            position: fixed;
            bottom: 30px;
            right: 10px;
            z-index: 1000000;
        }
    </style>
</head>
<body>
    <div id = "container">
        <h1>Hello World</h1>
        <!--other page contents-->
        <img id = "mychat" src = "https://i.stack.imgur.com/RD7i4.png" style = "float:right" />
    </div>
</body>
</html>
<script>
    (function () {
        var div = document.createElement("div");
        document.getElementsByTagName('body')[0].appendChild(div);
        div.outerHTML = "<div id='botDiv' style='width: 400px; height: 0px; margin:10px; position: fixed; bottom: 0; right:0; z-index: 1000;><div  id='botTitleBar' style='height: 40px; width: 400px; position:fixed; cursor: pointer;'></div></div>";
        BotChat.App({
            directLine: { secret: 'myAppSecret' },
        }, document.getElementById("botDiv"));

        document.getElementsByClassName("wc-header")[0].setAttribute("id", "chatbotheader");
        document.querySelector('body').addEventListener('click', function (e) {
            e.target.matches = e.target.matches || e.target.msMatchesSelector;
            if (e.target.matches('#chatbotheader')) {
                var botDiv = document.querySelector('#botDiv');

                botDiv.style.height = "0px";

                document.getElementById("mychat").style.display = "block";
            };
        });

        document.getElementById("mychat").addEventListener("click", function (e) {

            document.getElementById("botDiv").style.height = '500px';

            e.target.style.display = "none";
        })
    }());
</script>

Uncaught ReferenceError: BotChat не определен html: 31

Поместите код внутри Try/Catch, чтобы увидеть ошибку, если после этого вы все еще не знаете, что делать, отредактируйте вопрос с ошибкой, которую выдает Catch.

— 15.05.2019 17:36

c# html botframework azure-bot-service direct-line-botframework

15.05.2019 17:34

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...