Twilio的twilio.device正在设置但破坏了我的React App?

时间:2019-06-03 16:03:35

标签: javascript reactjs twilio

我正在为我的React-Redux应用程序创建Twilio客户端组件,但是遇到了twilio.Device.Setup()的问题。我在调试打开的情况下运行它,日志显示流已准备就绪,设备已打开,但是我的组件无法使用TypeError呈现:无法读取未定义的属性“ type”。我正在运行Material UI并将我的组件withStyles()包装到我认为会引起问题的类中,但是我不确定如何解决。任何帮助将不胜感激。

这是我的职能

export function twilioSetup() {
const token = localStorage.getItem('twilioToken');
if(!token) {
    console.log('Twilio Calls Unavailable');
    return;
};
let device = twilio.Device.setup(token, {
    codecPreferences: ['opus', 'pcmu'],
    fakeLocalDTMF: true,
    debug: true
});

device.on('ready',function () {
    console.log('Twilio.Device Ready!');
  });

device.on('error', function (error) {
    console.log('Twilio.Device Error: ' + error.message);
  });

device.on('connect', function (conn) {
    console.log('Successfully established call!');
  });

device.on('disconnect', function (conn) {
    console.log('Call ended.');
  });

};

这是引用withStyles()的错误。

  

上述错误发生在组件中:       在TwilioCall中(由WithStyles(TwilioCall)创建)       在WithStyles(TwilioCall)中(由ConnectFunction创建)       在ConnectFunction中(在App.js:7)       在div中(在App.js:6)       在App中(在src / index.js:11)       在提供程序中(位于src / index.js:10)

0 个答案:

没有答案