Question

使用React 16和React-Router 4，我试图在组件中使用Botkit的嵌入代码，但它只是停留在“断开连接...重新连接”中：

（我已删除OnClick标头和Embedded_messenger div，因为我希望它启动全尺寸）

<div>
    <iframe
      title="botkit"
      id="botkit_client"
      src="//arrow-tarn.glitch.me/chat.html"
      style={{ height: "80vh", width: "100%" }}
    />

    <script src="//arrow-tarn.glitch.me/embed.js" />
    <link rel="stylesheet" href="//arrow-tarn.glitch.me/css/embed.css" />

    <script>var options = {}; Botkit.boot(options);</script>
</div>
);

运行应用程序时，我在Chrome中也收到以下控制台错误：

GET http://arrow-tarn.glitch.me/%7B%7B%7Burl%7D%7D%7D 404 (Not Found)

当然会将未转义的翻译成{{url}}找不到的。

我认为这与React中的初始化/选项有关：

<script>var options = {}; Botkit.boot(options);</script>

任何提示我在做什么错吗？

Answer 1

{{url}}问题是您的浏览器解析模板并呈现（隐藏的）图像标签。这不是导致它失败的问题。

有关iframe的问题导致聊天客户端在连接到服务器时失败...您是否对现有代码进行了任何更改？

嵌入有React + React-Router的Botkit导致404错误

1 个答案: