mattermost-plugin-kwmserver: blank page



  • Hi,

    I just tried the mattermost plugin to add voice and video. After a long ordeal of adjusting api endpoints in the meet config for nginx and disabling CORS on Chrome, all I get is a blank page when accessing mattermost. The console in Chrome shows the below, so something is wrong in the code I assume:

    I am using the release archive for 0.3.1 from github, following the instructions on how to compile the dist tar, then uploading that to mattermost. Judging by the issues on that git repo this is a known issue. But what is the solution?

    Thank you.

    Loading kopanowebmeetings plugin
    kopanowebmeetings_88ece99bc3779764_bundle.js:290 
    UserStatuses {OFFLINE: "offline", AWAY: "away", ONLINE: "online", DND: "dnd"}AWAY: "away"DND: "dnd"OFFLINE: "offline"ONLINE: "online"__proto__: Object
    index.js:79 Loaded kopanowebmeetings plugin
    kopanowebmeetings_88ece99bc3779764_bundle.js:290 
    config fetched {
        kwmserver_url: "https://meet.redacteddomain.tld", 
        stun_uri: "stun:stun.l.google.com:19302", 
        turn_uri: "turn:meet.redacteddomain.tld:5349?transport=tcp", 
        turn_username: "1568763137:mattermost-kwm-user", 
        turn_password: "9/bFw0jfFgAS6A4ZOymW61qP4uw=", …}
        expires_in: 3600
        iceServers: 
        Array(2)0: {
            urls: Array(1)}1: {
                urls: Array(1), username: "1568763137:mattermost-kwm-user", credential: "9/bFw0jfFgAS6A4ZOymW61qP4uw="}
        length: 2
        __proto__: 
        Array(0)
        kwmserver_url: "https://meet.redacteddomain.tld"
        stun_uri: "stun:stun.l.google.com:19302"
        token: 
        exp: 1600295537
        sub: "zzd7ke64tpd9tq79i6i6axe8mw"
        type: "Token"value: "eyJhbGciOiJIUzI1NiIsImtpZCI6IiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2MDAyOTU1MzcsImlhdCI6MTU2ODc1OTUzNywic3ViIjoienpkN2tlNjR0cGQ5dHE3OWk2aTZheGU4bXcifQ.s-vx_ad0P4CJuhDDLPapuqKlsK0ESr3T9E5WX-bVJQU"
        __proto__: 
        constructor: ƒ Object()
        hasOwnProperty: ƒ hasOwnProperty()
        isPrototypeOf: ƒ isPrototypeOf()
        propertyIsEnumerable: ƒ propertyIsEnumerable()
        toLocaleString: ƒ toLocaleString()
        toString: ƒ toString()
        valueOf: ƒ valueOf()
        __defineGetter__: ƒ __defineGetter__()
        __defineSetter__: ƒ __defineSetter__()
        __lookupGetter__: ƒ __lookupGetter__()
        __lookupSetter__: ƒ __lookupSetter__()
        get __proto__: ƒ __proto__()
        set __proto__: ƒ __proto__()
        turn_password: "9/bFw0jfFgAS6A4ZOymW61qP4uw="
        turn_uri: "turn:meet.redacteddomain.tld:5349?transport=tcp"
        turn_username: "1568763137:mattermost-kwm-user"
        __proto__: 
        constructor: ƒ Object()
        hasOwnProperty: ƒ hasOwnProperty()
        isPrototypeOf: ƒ isPrototypeOf()
        propertyIsEnumerable: ƒ propertyIsEnumerable()
        toLocaleString: ƒ toLocaleString()
        toString: ƒ toString()
        valueOf: ƒ valueOf()
        __defineGetter__: ƒ __defineGetter__()
        __defineSetter__: ƒ __defineSetter__()
        __lookupGetter__: ƒ __lookupGetter__()
        __lookupSetter__: ƒ __lookupSetter__()
        get __proto__: ƒ __proto__()
        set __proto__: ƒ __proto__()
    websocket_client.jsx:35 websocket connecting to wss://chat.redacteddomain.tld/api/v4/websocket
    kopanowebmeetings_88ece99bc3779764_bundle.js:273 KWM will refresh TURN settings in 3240 seconds
    kopanowebmeetings_88ece99bc3779764_bundle.js:290 RootContainer.render
    react-dom.production.min.js:198 TypeError: Cannot read property 'parentNode' of null
        at t.value (kopanowebmeetings_88ece99bc3779764_bundle.js:290)
        at Tr (react-dom.production.min.js:173)
        at Er (react-dom.production.min.js:172)
        at Nr (react-dom.production.min.js:180)
        at Ui (react-dom.production.min.js:232)
        at Gi (react-dom.production.min.js:233)
        at Ts (react-dom.production.min.js:249)
        at Ls (react-dom.production.min.js:248)
        at gs (react-dom.production.min.js:245)
        at $i (react-dom.production.min.js:243)
    Mi @ react-dom.production.min.js:198
    n.callback @ react-dom.production.min.js:210
    oi @ react-dom.production.min.js:193
    ai @ react-dom.production.min.js:193
    Hi @ react-dom.production.min.js:217
    ji @ react-dom.production.min.js:220
    (anonymous) @ react-dom.production.min.js:250
    t.unstable_runWithPriority @ scheduler.production.min.js:18
    Ss @ react-dom.production.min.js:250
    Ts @ react-dom.production.min.js:249
    Ls @ react-dom.production.min.js:248
    gs @ react-dom.production.min.js:245
    $i @ react-dom.production.min.js:243
    enqueueSetState @ react-dom.production.min.js:130
    h.setState @ react.production.min.js:13
    (anonymous) @ needs_team.jsx:185
    Promise.then (async)
    (anonymous) @ needs_team.jsx:183
    (anonymous) @ needs_team.jsx:202
    t @ needs_team.jsx:79
    co @ react-dom.production.min.js:132
    Er @ react-dom.production.min.js:167
    Nr @ react-dom.production.min.js:180
    Ui @ react-dom.production.min.js:232
    Gi @ react-dom.production.min.js:233
    Ts @ react-dom.production.min.js:249
    Ls @ react-dom.production.min.js:248
    gs @ react-dom.production.min.js:245
    $i @ react-dom.production.min.js:243
    enqueueSetState @ react-dom.production.min.js:130
    h.setState @ react.production.min.js:13
    (anonymous) @ async_load.jsx:36
    (anonymous) @ index.js?3ab1:3
    Promise.then (async)
    e.exports @ index.js?3ab1:2
    value @ async_load.jsx:35
    value @ async_load.jsx:25
    bo @ react-dom.production.min.js:135
    Er @ react-dom.production.min.js:167
    Nr @ react-dom.production.min.js:180
    Ui @ react-dom.production.min.js:232
    Gi @ react-dom.production.min.js:233
    Ts @ react-dom.production.min.js:249
    Ls @ react-dom.production.min.js:248
    gs @ react-dom.production.min.js:245
    $i @ react-dom.production.min.js:243
    enqueueSetState @ react-dom.production.min.js:130
    h.setState @ react.production.min.js:13
    (anonymous) @ root.jsx:203
    Promise.then (async)
    o @ root.jsx:202
    (anonymous) @ root.jsx:207
    (anonymous) @ root.jsx:248
    Promise.then (async)
    value @ root.jsx:244
    Hi @ react-dom.production.min.js:216
    ji @ react-dom.production.min.js:220
    (anonymous) @ react-dom.production.min.js:250
    t.unstable_runWithPriority @ scheduler.production.min.js:18
    Ss @ react-dom.production.min.js:250
    Ts @ react-dom.production.min.js:249
    Ls @ react-dom.production.min.js:248
    gs @ react-dom.production.min.js:245
    $i @ react-dom.production.min.js:243
    enqueueSetState @ react-dom.production.min.js:130
    h.setState @ react.production.min.js:13
    (anonymous) @ async_load.jsx:36
    (anonymous) @ index.js?93d5:3
    Promise.then (async)
    e.exports @ index.js?93d5:2
    value @ async_load.jsx:35
    value @ async_load.jsx:25
    bo @ react-dom.production.min.js:135
    Er @ react-dom.production.min.js:167
    Nr @ react-dom.production.min.js:180
    Ui @ react-dom.production.min.js:232
    Gi @ react-dom.production.min.js:233
    Ts @ react-dom.production.min.js:249
    Ls @ react-dom.production.min.js:248
    gs @ react-dom.production.min.js:245
    $i @ react-dom.production.min.js:243
    Cs @ react-dom.production.min.js:253
    Xs @ react-dom.production.min.js:253
    Is.render @ react-dom.production.min.js:261
    (anonymous) @ react-dom.production.min.js:264
    Ns @ react-dom.production.min.js:251
    Fs @ react-dom.production.min.js:264
    render @ react-dom.production.min.js:266
    A @ root.jsx:53
    (anonymous) @ root.jsx:49
    load (async)
    (anonymous) @ root.jsx:83
    (anonymous) @ root.jsx:87
    r @ bootstrap:68
    (anonymous) @ warning.js:62
    r @ bootstrap:68
    (anonymous) @ bootstrap:243
    (anonymous) @ bootstrap:243
    kopanowebmeetings_88ece99bc3779764_bundle.js:290 Uncaught (in promise) TypeError: Cannot read property 'parentNode' of null
        at t.value (kopanowebmeetings_88ece99bc3779764_bundle.js:290)
        at Tr (react-dom.production.min.js:173)
        at Er (react-dom.production.min.js:172)
        at Nr (react-dom.production.min.js:180)
        at Ui (react-dom.production.min.js:232)
        at Gi (react-dom.production.min.js:233)
        at Ts (react-dom.production.min.js:249)
        at Ls (react-dom.production.min.js:248)
        at gs (react-dom.production.min.js:245)
        at $i (react-dom.production.min.js:243)
    

Log in to reply