我正在为我的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)