不知道将任务路由器导入 act的正确方法.js



我试图将TaskRouter.js导入我的React应用程序,我不知道正确的方法。

 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

twilio开发人员在这里。

首先,您是否确认加载脚本确实确实包含了页面上的任务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>

另外,现在有一个NPM软件包可用于TaskRouter JS。通过将其安装到您的项目中:

npm install twilio-taskrouter --save

然后,您可以通过像这样导入的工作来使用反应的工人:

import { Worker } from 'twilio-taskrouter';

然后,您可以使用以下方式实例化新工人:

const worker = new Worker(token);

让我知道这是否有帮助。

最新更新