I’m new in BabylonJS, and following the tutorial I got this error in the console:

Aimon · November 11, 2024, 3:27am

I encountered an error when installing @ babylonjs/inspector while using nuxt3.js
[nuxt] [request error] [unhandled] [500] require() of ES Module D:\code\polybasic-project\nuxt_demo\nuxt3-test\node_modules@babylonjs\core\index.js from D:\code\polybasic-project\nuxt_demo\nuxt3-test\node_modules@babylonjs\inspector\dist\babylon.inspector.bundle.max.js not supported.
Instead change the require of index.js in D:\code\polybasic-project\nuxt_demo\nuxt3-test\node_modules@babylonjs\inspector\dist\babylon.inspector.bundle.max.js to a dynamic import() which is available in all CommonJS modules.
I tried to use dynamic import but it also got an error，Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘Debug’)

labris · November 11, 2024, 4:11am

Hello and welcome!

Try to use dynamic imports as here (uncomment)

github.com

RaananW/babylonjs-webpack-es6/blob/master/src/scenes/defaultWithTexture.ts#L31


      
          export class DefaultSceneWithTexture implements CreateSceneClass {
              createScene = async (
                  engine: AbstractEngine,
                  canvas: HTMLCanvasElement
              ): Promise<Scene> => {
                  // This creates a basic Babylon Scene object (non-mesh)
                  const scene = new Scene(engine);
          
                  // Uncomment to load the inspector (debugging) asynchronously
          
                  // void Promise.all([
                  //     import("@babylonjs/core/Debug/debugLayer"),
                  //     import("@babylonjs/inspector"),
                  // ]).then((_values) => {
                  //     console.log(_values);
                  //     scene.debugLayer.show({
                  //         handleResize: true,
                  //         overlay: true,
                  //         globalRoot: document.getElementById("#root") || undefined,
                  //     });
                  // });

Aimon · November 11, 2024, 12:47pm

It has been resolved, thank you

Topic		Replies	Views
Attempting to load @ babylonjs/inspector using nuxt.js with error message Questions	2	11	November 11, 2024
Try to open the Inspector using NextJS but it said [ERR_REQUIRE_ESM] Questions inspector	8	1669	August 12, 2024
How to get Inspector running? Questions	9	656	March 20, 2023
Inspector and ES6 requires webpack Bugs	5	1074	January 15, 2022
Trouble starting the inspector Questions	6	1213	April 4, 2019

I’m new in BabylonJS, and following the tutorial I got this error in the console:

Related topics