首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未定义的TypeError:无法读取未定义的属性“renderWebChat”

未定义的TypeError:无法读取未定义的属性“renderWebChat”
EN

Stack Overflow用户
提问于 2020-04-23 07:52:27
回答 1查看 601关注 0票数 1

我正在创建一个网络聊天,这是嵌入在一个iframe的来源。我想要的是改变每个聊天消息的背景色(称为聊天泡泡)在该框架内。

这是我的代码:

代码语言:javascript
复制
<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>

问题:

我能够看到Iframe,也可以用专用的秘密键聊天;但是,我无法看到应用在聊天泡上的样式,在页面加载时,我得到了以下错误:

未定义的TypeError:无法读取未定义的属性“renderWebChat”

原因是什么?

EN

Stack Overflow用户

回答已采纳

发布于 2020-04-23 08:53:52

这是行不通的,你是混合两种方式嵌入一个网络聊天。

  1. 通过iFrame嵌入
  2. 与JavaScript集成

如果您想要对您的网络聊天风格,您将需要使用JavaScript集成。JavaScript集成有丰富的文档,其中显示了如何开始如何修改网络聊天

票数 4
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61382009

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档