Error interpretation - Failed to execute 'uniformMatrix4fv' on 'WebGLRenderingContext'

Dash Python
1

Can someone provide some insight into the following error message I’m getting? Not asking for a solve, though won’t turn it down. Just trying to figure out where to go next,

image
image.png1980×600 149 KB

The Dash page loads successfully, looks great, but on the first interval time cycle callback I get this error. I’ve printed the ‘figure’ being returned and it looks perfectly fine, and should be the very same data of the original page paint, but, obviously something is not lining up. Bottom-line, I need to understand more about this error message in order to run down a finer focus on what to look at to fix this.

I’ve spent a fair bit of time trying to run it down, searched and reviewed anything that seemed to be in the ballpark but there isn’t much and I haven’t been able to work out what the issue is.

As far as I know the only change between the 3D Surface example working perfectly well and now, is that I updated to the latest Dash,

Thanks for any help,
KWL

Just in case the image isn’t viewable here’s the text:

TypeError: Failed to execute ‘uniformMatrix4fv’ on ‘WebGLRenderingContext’: No function was found that matched the signature provided.
at c.updateProperty [as uniforms] (eval at c (plotly-1.47.0.min.js:7), :21:4)
at E.R (plotly-1.47.0.min.js:7)
at E.C.drawTransparent (plotly-1.47.0.min.js:7)
at X (plotly-1.47.0.min.js:7)
at Object.V.redraw (plotly-1.47.0.min.js:7)
at b..plot (plotly-1.47.0.min.js:7)
at Object.r.plot (plotly-1.47.0.min.js:7)
at r.drawData (plotly-1.47.0.min.js:7)
at Object.l.syncOrAsync (plotly-1.47.0.min.js:7)
at r.plot (plotly-1.47.0.min.js:7)
Bg @ react-dom.production.min.js:117
c.callback @ react-dom.production.min.js:126
Ag @ react-dom.production.min.js:116
zg @ react-dom.production.min.js:116
qi @ react-dom.production.min.js:131
ui @ react-dom.production.min.js:133
(anonymous) @ react-dom.production.min.js:158
unstable_runWithPriority @ react.production.min.js:27
Vc @ react-dom.production.min.js:158
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
enqueueSetState @ react-dom.production.min.js:202
t.setState @ react.production.min.js:20
i.handleChange @ connect.js:302
p @ createStore.js:172
(anonymous) @ index.js:11
dispatch @ applyMiddleware.js:35
p @ index.js:689
(anonymous) @ index.js:858
Promise.then (async)
(anonymous) @ index.js:648
Promise.then (async)
x @ index.js:616
(anonymous) @ index.js:347
(anonymous) @ index.js:8
dispatch @ applyMiddleware.js:35
(anonymous) @ index.js:823
p @ index.js:819
(anonymous) @ index.js:858
Promise.then (async)
(anonymous) @ index.js:648
Promise.then (async)
x @ index.js:616
(anonymous) @ index.js:347
(anonymous) @ index.js:8
(anonymous) @ TreeContainer.js:106
value @ Location.react.js:69
value @ Location.react.js:106
qi @ react-dom.production.min.js:130
ui @ react-dom.production.min.js:133
(anonymous) @ react-dom.production.min.js:158
unstable_runWithPriority @ react.production.min.js:27
Vc @ react-dom.production.min.js:158
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
enqueueSetState @ react-dom.production.min.js:202
t.setState @ react.production.min.js:20
i.handleChange @ connect.js:302
p @ createStore.js:172
(anonymous) @ index.js:11
dispatch @ applyMiddleware.js:35
(anonymous) @ api.js:52
Promise.then (async)
(anonymous) @ api.js:51
Promise.then (async)
(anonymous) @ api.js:45
(anonymous) @ index.js:8
value @ APIController.react.js:57
value @ APIController.react.js:28
qi @ react-dom.production.min.js:130
ui @ react-dom.production.min.js:133
(anonymous) @ react-dom.production.min.js:158
unstable_runWithPriority @ react.production.min.js:27
Vc @ react-dom.production.min.js:158
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
bh @ react-dom.production.min.js:160
xe @ react-dom.production.min.js:160
nb.render @ react-dom.production.min.js:215
(anonymous) @ react-dom.production.min.js:164
$g @ react-dom.production.min.js:159
Wc @ react-dom.production.min.js:164
render @ react-dom.production.min.js:217
t @ DashRenderer.js:12
(anonymous) @ Forecast:32
VM8140:21 Uncaught TypeError: Failed to execute ‘uniformMatrix4fv’ on ‘WebGLRenderingContext’: No function was found that matched the signature provided.
at c.updateProperty [as uniforms] (eval at c (plotly-1.47.0.min.js:7), :21:4)
at E.R (plotly-1.47.0.min.js:7)
at E.C.drawTransparent (plotly-1.47.0.min.js:7)
at X (plotly-1.47.0.min.js:7)
at t (plotly-1.47.0.min.js:7)
updateProperty @ VM8140:21
R @ plotly-1.47.0.min.js:7
C.drawTransparent @ plotly-1.47.0.min.js:7
X @ plotly-1.47.0.min.js:7
t @ plotly-1.47.0.min.js:7
requestAnimationFrame (async)
t @ plotly-1.47.0.min.js:7
createScene @ plotly-1.47.0.min.js:7
(anonymous) @ plotly-1.47.0.min.js:7
x @ plotly-1.47.0.min.js:7
b @ plotly-1.47.0.min.js:7
r.plot @ plotly-1.47.0.min.js:7
r.drawData @ plotly-1.47.0.min.js:7
l.syncOrAsync @ plotly-1.47.0.min.js:7
r.plot @ plotly-1.47.0.min.js:7
l.syncOrAsync @ plotly-1.47.0.min.js:7
r.react @ plotly-1.47.0.min.js:7
value @ Graph.react.js:101
value @ Graph.react.js:235
Zf @ react-dom.production.min.js:67
qg @ react-dom.production.min.js:95
hi @ react-dom.production.min.js:104
Qg @ react-dom.production.min.js:144
Rg @ react-dom.production.min.js:145
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
enqueueSetState @ react-dom.production.min.js:202
t.setState @ react.production.min.js:20
i.handleChange @ connect.js:302
p @ createStore.js:172
(anonymous) @ index.js:11
dispatch @ applyMiddleware.js:35
p @ index.js:689
(anonymous) @ index.js:858
Promise.then (async)
(anonymous) @ index.js:648
Promise.then (async)
x @ index.js:616
(anonymous) @ index.js:347
(anonymous) @ index.js:8
dispatch @ applyMiddleware.js:35
(anonymous) @ index.js:823
p @ index.js:819
(anonymous) @ index.js:858
Promise.then (async)
(anonymous) @ index.js:648
Promise.then (async)
x @ index.js:616
(anonymous) @ index.js:347
(anonymous) @ index.js:8
(anonymous) @ TreeContainer.js:106
value @ Location.react.js:69
value @ Location.react.js:106
qi @ react-dom.production.min.js:130
ui @ react-dom.production.min.js:133
(anonymous) @ react-dom.production.min.js:158
unstable_runWithPriority @ react.production.min.js:27
Vc @ react-dom.production.min.js:158
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
enqueueSetState @ react-dom.production.min.js:202
t.setState @ react.production.min.js:20
i.handleChange @ connect.js:302
p @ createStore.js:172
(anonymous) @ index.js:11
dispatch @ applyMiddleware.js:35
(anonymous) @ api.js:52
Promise.then (async)
(anonymous) @ api.js:51
Promise.then (async)
(anonymous) @ api.js:45
(anonymous) @ index.js:8
value @ APIController.react.js:57
value @ APIController.react.js:28
qi @ react-dom.production.min.js:130
ui @ react-dom.production.min.js:133
(anonymous) @ react-dom.production.min.js:158
unstable_runWithPriority @ react.production.min.js:27
Vc @ react-dom.production.min.js:158
Sc @ react-dom.production.min.js:158
Z @ react-dom.production.min.js:156
Kc @ react-dom.production.min.js:155
ya @ react-dom.production.min.js:153
bh @ react-dom.production.min.js:160
xe @ react-dom.production.min.js:160
nb.render @ react-dom.production.min.js:215
(anonymous) @ react-dom.production.min.js:164
$g @ react-dom.production.min.js:159
Wc @ react-dom.production.min.js:164
render @ react-dom.production.min.js:217
t @ DashRenderer.js:12
(anonymous) @ Forecast:32
VM8140:21 Uncaught (in promise) TypeError: Failed to execute ‘uniformMatrix4fv’ on ‘WebGLRenderingContext’: No function was found that matched the signature provided.
at c.updateProperty [as uniforms] (eval at c (plotly-1.47.0.min.js:7), :21:4)
at E.R (plotly-1.47.0.min.js:7)
at E.C.drawTransparent (plotly-1.47.0.min.js:7)
at X (plotly-1.47.0.min.js:7)
at Object.V.redraw (plotly-1.47.0.min.js:7)
at b..plot (plotly-1.47.0.min.js:7)
at Object.r.plot (plotly-1.47.0.min.js:7)
at r.drawData (plotly-1.47.0.min.js:7)
at Object.l.syncOrAsync (plotly-1.47.0.min.js:7)
at r.plot (plotly-1.47.0.min.js:7)

2

Any chance the data arrays don’t have the right shape the second time? I can get this error for example by wrapping z in an extra array: https://codepen.io/alexcjohnson/pen/XWrBBVM?editors=1010
(cc @etienne we might want to trap this in a friendlier way)

3

Thank you Alec,

I’ll have to update my community settings, I’m just seeing this now and I believe I should have received an email when you replied to my post.

And, to your point, yes I think that’s the case, and better stated than I was able to resolve, as I had finally to deconstruct the entire report and reconstruct it to get it working in its simplest form. Now carefully adding to it in the hopes it won’t go sideways again, and, of course, work out how to work with 3d graphs in Dash.

Thanks,
KWL

1 Like