Uncaught TypeError: Невозможно прочитать свойство 'renderWebChat' из неопределенного - PullRequest
Новая
       37

Uncaught TypeError: Невозможно прочитать свойство 'renderWebChat' из неопределенного

1 голос
/ 23 апреля 2020

Я создаю веб-чат, встроенный в источник iframe. Я хочу изменить цвет фона каждого сообщения чата (называемого пузырями чата) в этом iframe.

Вот мой код: 

<div id="webchat" role="main">
        <iframe src='https://webchat.botframework.com/embed/...?s=SECRET_KEY_HERE'
        style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
</div>

<script type="text/javascript">

const styleOptions = {
    bubbleBackground: 'rgba(0, 0, 255, .1)',
    bubbleFromUserBackground: '#ddd'
};

window.WebChat.renderWebChat({
    directLine: window.WebChat.createDirectLine({ secret: 'MY_SECRET_KEY_HERE' }),
    // Passing "styleOptions" when rendering Web Chat
    styleOptions
}, document.getElementById('webchat'));
</script>

ПРОБЛЕМА:

Я могу видеть Ифраме, а также с выделенным секретным ключом, с которым я могу общаться; Тем не менее, я не могу видеть стиль, примененный к пузырю чата и при загрузке страницы, я получаю эту ошибку:

Uncaught TypeError: Невозможно прочитать свойство 'renderWebChat' из неопределенного

В чем причина этого?

1 Ответ

2 голосов
/ 23 апреля 2020

Это не сработает, вы смешиваете два способа встраивания веб-чата.

  1. Внедрение через iFrame
  2. Интеграция с JavaScript

Если вы хотите стилизовать свой веб-чат, вам нужно использовать интеграцию JavaScript. Интеграция JavaScript содержит обширную документацию, в которой показано, , как запустить и , как изменить веб-чат .

...