SDFConverter.js:5 Uncaught TypeError: Cannot read properties of null (reading 'clearRect')

165
2
11-22-2023 08:31 AM
austyle
New Contributor

I am getting the following error with my map renders on the page. I have never seen it before and my ErrorBoundary is not catching it. I don't know where in the stack it is originating from. Can someone point me to a place to look please?

SDFConverter.js:5 Uncaught TypeError: Cannot read properties of null (reading 'clearRect')
    at a.onload (SDFConverter.js:5:890)
a.onload @ SDFConverter.js:5
load (async)
eval @ SDFConverter.js:5
draw @ SDFConverter.js:5
_handleSVG @ TextureManager.js:5
_handleAsyncResource @ TextureManager.js:5
_rasterizeSpriteSymbol @ TextureManager.js:5
rasterizeItem @ TextureManager.js:5
eval @ FeatureContainer.js:5
_processMaterialItemRequest @ FeatureContainer.js:5
doRender @ FeatureContainer.js:5
processRender @ DisplayObject.js:5
renderChildren @ Container.js:5
doRender @ Container.js:5
processRender @ DisplayObject.js:5
_renderChildren @ Stage.js:5
eval @ Stage.js:5
render @ ManagedCanvas.js:5
renderChildren @ Stage.js:5
doRender @ Stage.js:5
processRender @ DisplayObject.js:5
renderFrame @ Stage.js:5
render @ Stage.js:5
eval @ scheduling.js:5
forAll @ PooledArray.js:5
x @ scheduling.js:5
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
SDFConverter.js:5 Uncaught TypeError: Cannot read properties of null (reading 'clearRect')
    at a.onload (SDFConverter.js:5:890)
a.onload @ SDFConverter.js:5
load (async)
eval @ SDFConverter.js:5
draw @ SDFConverter.js:5
_handleSVG @ TextureManager.js:5
_handleAsyncResource @ TextureManager.js:5
_rasterizeSpriteSymbol @ TextureManager.js:5
rasterizeItem @ TextureManager.js:5
eval @ FeatureContainer.js:5
_processMaterialItemRequest @ FeatureContainer.js:5
doRender @ FeatureContainer.js:5
processRender @ DisplayObject.js:5
renderChildren @ Container.js:5
doRender @ Container.js:5
processRender @ DisplayObject.js:5
_renderChildren @ Stage.js:5
eval @ Stage.js:5
render @ ManagedCanvas.js:5
renderChildren @ Stage.js:5
doRender @ Stage.js:5
processRender @ DisplayObject.js:5
renderFrame @ Stage.js:5
render @ Stage.js:5
eval @ scheduling.js:5
forAll @ PooledArray.js:5
x @ scheduling.js:5
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
requestAnimationFrame (async)
j @ scheduling.js:5
index.esm.js:69 

 

Tags (1)
0 Kudos
2 Replies
KristianEkenes
Esri Regular Contributor

I would reach out to Esri support and show them the app where this is occurring. It appears to be originating in the rendering engine somewhere, but we won't know for sure until we see a live reproducible case. Once Support verifies it's an issue, it's submitted as a bug and the dev team will take a look at it.

0 Kudos
austyle
New Contributor

ok thanks for the response, I will try to duplicate the error in a generic package and get approval from my company to share the code with Esri.

0 Kudos