search

Hubs-Foundation / hubs

Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.
https://hubsfoundation.org
Mozilla Public License 2.0
2.13k stars 1.41k forks source link

AFrame: Loading an object displays a console error #6401

Open Exairnous opened 11 months ago

Exairnous commented 11 months ago

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:

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

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

Hardware

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