Babylonjs Editor just blank screen

I had installed v3.2.0 and that worked fine, then I installed v4.0.0 which also worked. I had to revert back to v3.2.0 so I re-installed that but now I just get a blank screen when I open it. I tried “Removing software” in my Windows settings and re-installing but the result is the same. Does anyone know how to fix it?

Pinging @julien-moreau, the editor Master

1 Like

Hey ! Ouch !!
I think the problem is on the local storage. Can you type CTRL+ALT+i ? And go to the application tab and clear the local storage used by the editor? (righ click the “file://” and “clear”)

I think that will fix the problem. Let me know if it doesn’t.
If not, can you give me the logs you can find in the console (by typing CTRL+ALT+i) ? Thanks :slight_smile:

That worked, thank you!

These are the console errors I was getting:

Uncaught (in promise) Error: Component lm-react-component is already registered
    at lm.LayoutManager.registerComponent (goldenlayout.js:561)
    at eval (resizable-layout.ts:183)
    at Array.forEach (<anonymous>)
    at ResizableLayout._registerComponents (resizable-layout.ts:181)
    at eval (resizable-layout.ts:192)
    at Array.forEach (<anonymous>)
    at ResizableLayout._registerComponents (resizable-layout.ts:181)
    at eval (resizable-layout.ts:167)
    at Array.forEach (<anonymous>)
    at ResizableLayout.eval (resizable-layout.ts:167)
preview.ts:59 Uncaught (in promise) TypeError: Cannot read property 'addEventListener' of undefined
    at new EditorPreview (preview.ts:59)
    at new Editor (editor.ts:181)
    at index-local.html:98
2resizable-layout.ts:44 Uncaught (in promise) TypeError: Cannot read property 'width' of undefined
    at ResizableLayout.getPanelSize (resizable-layout.ts:44)
    at Editor.eval (editor.ts:314)
    at step (editor.js:33)
    at Object.eval [as next] (editor.js:14)
    at eval (editor.js:8)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:4)
    at Editor.resize (editor.ts:312)
    at w2layout.eval (editor.ts:167)
    at w2layout.trigger (w2ui.js:960)
resizable-layout.ts:44 Uncaught (in promise) TypeError: Cannot read property 'width' of undefined
    at ResizableLayout.getPanelSize (resizable-layout.ts:44)
    at Editor.eval (editor.ts:314)
    at step (editor.js:33)
    at Object.eval [as next] (editor.js:14)
    at eval (editor.js:8)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:4)
    at Editor.resize (editor.ts:312)
    at eval (editor.ts:173)
2resizable-layout.ts:44 Uncaught (in promise) TypeError: Cannot read property 'width' of undefined
    at ResizableLayout.getPanelSize (resizable-layout.ts:44)
    at Editor.eval (editor.ts:314)
    at step (editor.js:33)
    at Object.eval [as next] (editor.js:14)
    at eval (editor.js:8)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:4)
    at Editor.resize (editor.ts:312)
    at w2layout.eval (editor.ts:167)
    at w2layout.trigger (w2ui.js:960)
resizable-layout.ts:44 Uncaught (in promise) TypeError: Cannot read property 'width' of undefined
    at ResizableLayout.getPanelSize (resizable-layout.ts:44)
    at Editor.eval (editor.ts:314)
    at step (editor.js:33)
    at Object.eval [as next] (editor.js:14)
    at eval (editor.js:8)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:4)
    at Editor.resize (editor.ts:312)
    at eval (editor.ts:173)
resizable-layout.ts:44 Uncaught (in promise) TypeError: Cannot read property 'width' of undefined
    at ResizableLayout.getPanelSize (resizable-layout.ts:44)
    at Editor.eval (editor.ts:314)
    at step (editor.js:33)
    at Object.eval [as next] (editor.js:14)
    at eval (editor.js:8)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:4)
    at Editor.resize (editor.ts:312)
    at w2layout.eval (editor.ts:167)
    at w2layout.trigger (w2ui.js:960)
1 Like

Thanks for the logs, that’s what I guessed :slight_smile:
Just fixed the issue :slight_smile: thanks for reporting !

I’m also trying to upload a .DDS cubemap but it stops at this console error. The dimensions of the cubemap are 768 x 128. (6 images in a row)
You wouldn’t happen to know what’s happening here?

Uncaught RangeError: Invalid typed array length: 98304
at new Uint8Array ()
at Function…/Misc/dds.ts.DDSTools.UploadDDSLevels (node_modules/babylonjs/babylon.max.js:125107)
at _DDSTextureLoader…/Materials/Textures/Loaders/ddsTextureLoader.ts._DDSTextureLoader.loadCubeData (node_modules/babylonjs/babylon.max.js:78145)
at onloaddata (node_modules/babylonjs/babylon.max.js:30526)
at FileReader.reader.onload (node_modules/babylonjs/babylon.max.js:126678)

Thanks for that feedback. It you try to add the .dds texture directly using the BabylonJS inspector, that is produce the same error? Like this: Use a HDR environment (for PBR) - Babylon.js Documentation

Actually it does. I get that error when I try and load my DDS files. Its always says Invalid typed array length: xxxxx

Pinging @sebavan as he did the dds support, if I’m not wrong :slight_smile:

Hope he’ll have more informations :slight_smile:

Can you share the dds files as well ? Would be easier to debug

I think we only support squared cube maps :slight_smile: so it would explain, could you share your dds ?

1 Like

Makes sense, was my first though