我试图将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);
让我知道这是否有帮助。