不知道将taskrouter.js导入react的正确方法

Question

我试图将taskrouter.js导入我的反应应用程序，但我不知道正确的方法。

 const script = document.createElement("script");
    script.src = "../library/taskrouter.js";
    script.async = true;
    document.body.appendChild(script)
    script.onload = function() {
        axios.get(url_host + '/worker/activiti')
        .then((res) => {
            var worker = new Twilio.TaskRouter.Worker(res);
            console.log("YEET",worker)
        })
      };

这是我得到的错误。

Unhandled Rejection (TypeError): Cannot read property 'Worker' of undefined

Answer 1

Twilio开发者传道者在这里。

首先，你确认加载这样的脚本确实包含你页面上的TaskRouter JS文件吗？ 我担心webpack（或者你用来构建应用程序的任何东西）可能会对你设置的脚本src做一些意想不到的事情。 或者在构建项目后最终可能不会引用正确的文件。

我会尝试两件事之一来包括TaskRouter.js。 在index.html文件的<head>中包含来自React对应用程序的控制之外的CDN的TaskRouter.js文件。

<script src="//media.twiliocdn.com/taskrouter/js/v1.13/taskrouter.min.js"></script>

或者，现在可以为TaskRouter JS提供npm包。 通过安装到您的项目中使用它：

npm install twilio-taskrouter --save

然后，您可以通过导入它来使用React中的worker：

import { Worker } from 'twilio-taskrouter';

然后，您可以使用以下方法实例化新工作线程：

const worker = new Worker(token);

如果这有帮助，请告诉我。

Answer 2

我按照您的指示在 nextjs 应用程序中设置了新工作人员。 我收到了这个错误：TypeError: Failed to fetch at webpack_require .hmrM (http://localhost:3000/_next/static/chunks/webpack.js?ts=1662426617845:1186:20)

请指教。 谢谢！

不知道将taskrouter.js导入react的正确方法

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-05-28 03:42:41

解决方案2
-2 2022-09-06 01:14:39

不知道将taskrouter.js导入react的正确方法

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-05-28 03:42:41

解决方案2 -2 2022-09-06 01:14:39

解决方案1
0 已采纳 2019-05-28 03:42:41

解决方案2
-2 2022-09-06 01:14:39