Не удается прочитать свойство «имеет» неопределенного в клиентском SDK Dolby Interactivity API.
Я создаю приложение для видеоконференций, используя Dolby Interactivity API.
Я попытался использовать клиентский SDK Dolby Interactivity APIs в своем приложении для реагирования. Я следовал приведенным здесь документам:https://dolby.io/developers/interactivity-apis/reference/client-ux-kit/uxkit-voxeet-react .
Домашняя страница загружается хорошо, но когда я присоединяюсь к вызову, страница вылетает с ошибкой:
TypeError: Cannot read property 'has' of undefined
at c.value (bundle.js:22)
at finishClassComponent (bundle.js:27)
at updateClassComponent (bundle.js:28)
at beginWork (bundle.js:28)
at HTMLUnknownElement.callCallback (bundle.js:2)
at Object.invokeGuardedCallbackDev (bundle.js:1)
at invokeGuardedCallback (bundle.js:8)
at beginWork$1 (bundle.js:27)
at performUnitOfWork (bundle.js:27)
at workLoopSync (bundle.js:27)
at renderRootSync (bundle.js:27)
at performSyncWorkOnRoot (bundle.js:27)
at bundle.js:14
at unstable_runWithPriority (react-dom.development.js:1009)
at runWithPriority$1 (bundle.js:14)
at flushSyncCallbackQueueImpl (bundle.js:14)
at flushSyncCallbackQueue (bundle.js:15)
at scheduleUpdateOnFiber (bundle.js:27)
at Object.enqueueSetState (bundle.js:15)
at u.webpackHotUpdate../node_modules/@voxeet/react-components/node_modules/react/cjs/react.development.js.Component.setState (react.development.js:325)
at u.c.onStateChange (bundle.js:1)
at Object.notify (bundle.js:1)
at e.t.notifyNestedSubs (bundle.js:1)
at u.c.onStateChange (bundle.js:1)
at dispatch (redux.js:222)
at index.js:11
at dispatch (redux.js:638)
at bundle.js:1
Я просмотрел их документы немного больше, но не смог найти проблему. Если кто-то использовал этот инструмент раньше или знает об этом, пожалуйста, помогите мне решить эту проблему.
Файл App.js:
import { reducer as voxeetReducer } from "@voxeet/react-components"
import React from "react"
import thunkMidleware from "redux-thunk"
import { combineReducers, createStore, applyMiddleware } from "redux"
import { ConferenceRoom, VoxeetProvider } from "@voxeet/react-components"
import "@voxeet/react-components/dist/voxeet-react-components.css"
const reducers = combineReducers({
voxeet: voxeetReducer,
})
const configureStore = () =>
createStore(reducers,applyMiddleware(thunkMidleware))
const settings = {
consumerKey: "xxxxxxxxxxxxx",
consumerSecret: "xxxxxxxxxxxxx",
conferenceAlias: "Sample",
}
function App() {
return (
<VoxeetProvider store={configureStore()}>
<ConferenceRoom
autoJoin
consumerKey={settings.consumerKey}
consumerSecret={settings.consumerSecret}
conferenceAlias={settings.conferenceAlias}
/>
</VoxeetProvider>
)
}
export default App