The dynamic inspector throw Exception and crashe when the GUI node is selected

Bugs
1

My demo and repo is here:

The dynamic inspector throw Exception and crashe when the GUI node is selected.

After the scene explorer and inspector are loaded, when I expand the GUI in the scene explorer and click the UI node, the inspector disappears and I see an exception in the browser Console.

图片
图片918×485 102 KB

The exception in the Console as below:

图片
图片854×653 13.2 KB

Exception Source:

图片
图片1622×867 83.1 KB

But when clicking on a node under the GUI in any Playground that contains a GUI, the inspector displays the information about the selected node without any exception.

eg: Fullscreen GUI Example: https://playground.babylonjs.com/#XCPP9Y#1

1 Like
2

cc @RaananW

3

Update: After I ran “pnpm update --latest” to update the dependency to the latest, the local run mode (“pnpm run dev”) didn’t generate any exception anymore, and worked normally.
But after packaging (“pnpm run build”), the above exception still occurs.

4

The problem is the way we bundle the inspector and where it is getting its dependencies from.

In debug.ts you have the following lines:

import "@babylonjs/core/Legacy/legacy"
import "@babylonjs/core/Debug/debugLayer"
import "@babylonjs/inspector"

The first line is the one that exports BABYLON core’s dependencies. You should do the same to the GUI library, i.e., it can be:

import "@babylonjs/core/Legacy/legacy"
import "@babylonjs/gui/Legacy/legacy"
import "@babylonjs/core/Debug/debugLayer"
import "@babylonjs/inspector"
1 Like
5

Thanks! I’ll verify as soon as I can operate a my
computer.

1 Like