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

Question

使用 React 16 和 React-Router 4，我尝试在组件中使用 Botkit 的嵌入代码，但它只是停留在 "Disconnected...reconnecting":

（我删除了 OnClick header 和 embedded_messenger div，因为我希望它启动 full-sized）

<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 中的 initialization/options 有关：

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

知道我做错了什么吗？

Answer 1

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

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

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

Botkit embed with React + React-Router results in 404 error

reactjs

react-router

botkit