AFrame: Loading an object displays a console error

Question

AFrame: Loading an object displays a console error

Exairnous opened this issue 6 months ago · comments

Description
Loading in an object (either pinned or just spawned) displays this error in the browser console:

Firefox


TypeError: e is null
    ud media-utils.js:608
    Nc hub-a72d9512fa6e153c06a4.js:1
    s hub-a72d9512fa6e153c06a4.js:1
    Fc hub-a72d9512fa6e153c06a4.js:1
    Fc hub-a72d9512fa6e153c06a4.js:1
    ud media-utils.js:668
    r media-utils.js:606
    i media-loading.ts:267
    qu media-loading.ts:263
    s coroutine.js:84
    Qs coroutine.js:118
    tick coroutine-utils.ts:57
    tick coroutine-utils.ts:49
    qu media-loading.ts:374
    setupRenderer hubs-systems.ts:192
    setupRenderer app.ts:236
    fl three.module.js:27389
    r three.module.js:12900
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
    r three.module.js:12902
[media-loading.ts:274:12](webpack://hubs/src/bit-systems/media-loading.ts)
    i media-loading.ts:274
    qu media-loading.ts:263
    s coroutine.js:84
    Qs coroutine.js:118
    tick coroutine-utils.ts:57
    tick coroutine-utils.ts:49
    qu media-loading.ts:374
    setupRenderer hubs-systems.ts:192
    setupRenderer app.ts:236
    fl three.module.js:27389
    r three.module.js:12900
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902
    (Async: FrameRequestCallback)
    r three.module.js:12902

Chromium


TypeError: Cannot read properties of null (reading 'charAt')
    at media-utils.js:608:17
    at Generator.next ()
    at Nc (hub-a72d9512fa6e153c06a4.js:1:243323)
    at s (hub-a72d9512fa6e153c06a4.js:1:243527)
    at hub-a72d9512fa6e153c06a4.js:1:243588
    at new Promise ()
    at hub-a72d9512fa6e153c06a4.js:1:243467
    at media-utils.js:606:39
    at media-loading.ts:267:28
    at Generator.next ()
(anonymous) @ media-loading.ts:274
(anonymous) @ media-loading.ts:291
(anonymous) @ coroutine.js:84
(anonymous) @ coroutine.js:118
(anonymous) @ coroutine-utils.ts:57
tick @ coroutine-utils.ts:49
qu @ media-loading.ts:374
(anonymous) @ hubs-systems.ts:192
(anonymous) @ app.ts:236
(anonymous) @ three.module.js:27389
r @ three.module.js:12900
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
requestAnimationFrame (async)
r @ three.module.js:12902
09:53:58.988

To Reproduce
Steps to reproduce the behavior:

Create a new room.
Spawn in an object (e.g. an avatar link or a 3D model, either locally uploaded or from SketchFab, etc.).
Open the browser console.
See the error.

Expected behavior
An error shouldn't be printed when spawning in an object.

Hardware

Device: Laptop
OS: Linux
Browser: Firefox and Chromium

Additional context
I believe this is the same error I came across when testing media objects for #6338 but now that I'm looking closer I don't think it has anything to do with the issues I was encountering there.