[ ViteJS + @babylon/inspector ] Error : Could not find module in path: '@babylonjs/core/tslib.es6.js'

sharp · September 1, 2022, 11:27am

I really love vitejs so I try to make my first babylon app with it.

Here is the basic ES6 scene from the playground : upbeat-cherry-7wenm4 - CodeSandbox

However when I try to show the debugLayer (uncomment line 3,4 and 7) I got this strange error :

Could not find module in path: '@babylonjs/core/tslib.es6.js'

–

Locally on VSCode error it is almost the same

Error: Build failed with 40 errors:
node_modules/@babylonjs/gui/2D/controls/checkbox.js:1:27: ERROR: Could not resolve "@babylonjs/core/tslib.es6.js"
node_modules/@babylonjs/gui/2D/controls/colorpicker.js:1:27: ERROR: Could not resolve "@babylonjs/core/tslib.es6.js"
node_modules/@babylonjs/gui/2D/controls/container.js:1:27: ERROR: Could not resolve "@babylonjs/core/tslib.es6.js"
node_modules/@babylonjs/gui/2D/controls/control.js:1:27: ERROR: Could not resolve "@babylonjs/core/tslib.es6.js"
node_modules/@babylonjs/gui/2D/controls/displayGrid.js:1:27: ERROR: Could not resolve "@babylonjs/core/tslib.es6.js"
...

Some components inside @babylon/gui try to

 node_modules/@babylonjs/gui/2D/controls/colorpicker.js:1:27:
      1 │ import { __decorate } from "@babylonjs/core/tslib.es6.js";

…and indeed the file does not exists in the @babylonjs/core package.

It’s also strange because when I browse the source code on github there’s no reference to this import {__decorate } in the typescript source :

github.com

BabylonJS/Babylon.js/blob/master/packages/dev/gui/src/2D/controls/control.ts

/* eslint-disable @typescript-eslint/naming-convention */
/* eslint-disable @typescript-eslint/no-unused-vars */
import type { Nullable } from "core/types";
import type { Observer } from "core/Misc/observable";
import { Observable } from "core/Misc/observable";
import { Vector2, Vector3, Matrix } from "core/Maths/math.vector";
import type { PointerInfoBase } from "core/Events/pointerEvents";
import { PointerEventTypes } from "core/Events/pointerEvents";
import { Logger } from "core/Misc/logger";
import { Tools } from "core/Misc/tools";
import type { TransformNode } from "core/Meshes/transformNode";
import type { Scene } from "core/scene";

import type { Container } from "./container";
import type { AdvancedDynamicTexture } from "../advancedDynamicTexture";
import { ValueAndUnit } from "../valueAndUnit";
import { Measure } from "../measure";
import type { Style } from "../style";
import { Matrix2D, Vector2WithInfo } from "../math2D";
import { RegisterClass } from "core/Misc/typeStore";

This file has been truncated. show original

I can figure it out why there’s no problem with other builders like webpack !

RaananW · September 1, 2022, 12:10pm

Have you updated your babylon core package? what version of @babylonjs/core are you using?

RaananW · September 1, 2022, 12:11pm

make sure to use the latest @babylonjs/core which has this file. This was just recently added (in the latest package)

sharp · September 1, 2022, 12:22pm

Thank you it works !

I don’t know why but npm i --save @babylonjs/core installed v5.21 by default, when I force to npm i --save @babylonjs/core@5.22 it works :). My bad I should have check this.

RaananW · September 1, 2022, 12:23pm

that’s good to know! i’ll check if there is anything wrong with npm

Topic		Replies	Views
Build error using Vite JS and version 5.0.3 Bugs	6	680	May 3, 2022
"@babylonjs/inspector" is missing 5 dependencies, what am I doing wrong? Questions	4	340	September 11, 2023
Babylon.inspector.module.d.ts missing in @babylonjs/inspector 5.11.0 Bugs	5	760	June 27, 2022
Cannot find some babylonjs module when starting new typescript project Questions	4	558	November 9, 2023
Babylonjs/inspector Can't resolve '@babylonjs/serializers' Bugs react , inspector	1	1149	October 30, 2022

[ ViteJS + @babylon/inspector ] Error : Could not find module in path: '@babylonjs/core/tslib.es6.js'

Related topics