hello friends! i’m experimenting with the future, today! :sunglasses: i’m really excited since all the cool browsers support proper es-modules, so i’ve been upgrading my typescript libraries to emit es-modules and umd-modules, and in new projects, i’ve been experimenting with having no build-step a…

of course we are interested in this, and, as i said, it should work with the core library, if it is hosted correctly (though we always come back to the same point when talking about it :slight_smile: ). There is also a long-standing task for the esm-friendly package that will be 100% supported in b…

@RaananW @brianzinn I think I got it working at least for my case. It works when I use the relative path for babylonjs/core like: import { Color3, MeshBuilder, Quaternion, StandardMaterial, Vector3, } from "../node_modules/@babylonjs/core/index.js"; Which for my demo / development is ok…

that’s not a babylon issue, it is an issue with unpkg not supporting cors :slight_smile: If you import directly from the URL (and not using importmap) it will work as expected

There is an ESM button on jsDelivr: [image] But the next example doesn’t work: Plunker - ES-module and Babylon.js Error: BABYLON.Vector3 is not a constructor   <script async src="https://unpkg.…

you will want to use the es6 packages (@babylonjs/core) in order to get that to work.

I want to use it on Plunker and PlayCode with importmaps.

this repository shows an example of usage with importmaps, and I still recommend you to use @babylonjs/core and not babylonjs (which is UMD-only package)

[image] RaananW: @babylonjs/core I tried it: Plunker - ES-module and Babylon.js <script type="importmap"> { "imports": { "babylonjs": "https://cdn.jsdelivr.net/npm/@babylonjs/core@6.3.1/+esm" } } </script> I took this link here…

Sorry! It works! Thank you very much!

Problems loading babylon via es modules

Bugs

RaananW May 16, 2023, 3:32pm 27

You can see an example here - RaananW/babylonjs-esm-in-browser: A simple example of how to use Babylon.js es6 packages directly in your browser. (github.com)

Topic		Replies	Views
Simplest possible TypeScript project setup Questions documentation , typescript	10	1913	August 8, 2024
Issues with loading "babylonjs-*" packages Bugs	9	209	May 15, 2026
Importing Babylon with ES6 without npm resolution Questions import	14	1568	January 5, 2023
EcmaScript load .babylon file Questions	9	1152	August 13, 2019
Error importing BABYLON in multiple modules Questions import	7	662	May 8, 2023

Problems loading babylon via es modules

Related topics