我正在尝试使用Amazon connect streams API和connect Chat JS在react TS中创建AgentChat面板根据https://github.com/amazon-connect/amazon-connect-chatjs &我需要按顺序导入流和chatjs库。我正在导入streamsJS然后chatJS,但仍然'getMediaController'抛出错误。
我确实检查了https://github.com/amazon-connect/amazon-connect-streams/issues/197这个,仍然缺少一些
import "amazon-connect-streams";
import "amazon-connect-chatjs";
import { CCP_URL } from "../Constants";
export default class ContactCenter {
constructor() {
try {
var containerDiv = document.getElementById("ccpContainer");
this.connect.core.initCCP(containerDiv as HTMLElement, {
ccpUrl: CCP_URL,
loginPopup: true,
loginPopupAutoClose: true,
loginOptions: {
autoClose: true,
},
softphone: {
allowFramedSoftphone: true,
disableRingtone: false,
},
});
connect.contact(function (contact) {
const c = contact;
if (contact.getType() !== connect.ContactType.CHAT) {
return;
}
c.onConnecting(function (c) {
console.log("incoming");
c.accept();
});
c.onAccepted(async () => {
const cnn = contact.getConnections().find(cnn => cnn.getType() === connect.ConnectionType.AGENT);
if(cnn){
const agentChatSession = await cnn.getMediaController();
console.log(cnn)
}
});
});
return this.connect;
} catch (error) {
console.log(error);
return;
}
}
}
接收波纹管错误。
Property 'getMediaController' does not exist on type 'BaseConnection'. TS2339
33 | const cnn = contact.getConnections().find(cnn => cnn.getType() === connect.ConnectionType.AGENT);
34 | if(cnn){
> 35 | const agentChatSession = await cnn.getMediaController();
| ^
36 | console.log(agentChatSession)
37 | }
38 | });
请帮助我,我错过了什么。
没关系,修好了。
instead of const cnn = contact.getConnections().find(cnn => cnn.getType() === connect.ConnectionType.AGENT);
added
const cnn = c.getAgentConnection() as connect.ChatConnection