Hello all,
I attempted to install babylon js with npm install, and then tried to create a basic document and was returned this error:
Here is my code setup:
<body>
<canvas id=“renderCanvas”></canvas>
<script src="https://cdn.babylonjs.com/babylon.max.js"></script>
<script type="module" src="/main.js"></script>
</body>
import * as BABYLON from "babylonjs";
// Get the canvas DOM element
// Create a canvas element
// Get the canvas DOM element
var canvas = document.getElementById("renderCanvas");
// Load the 3D engine
var engine = new BABYLON.Engine(canvas, true, {
preserveDrawingBuffer: true,
stencil: true,
});
// CreateScene function that creates and return the scene
var createScene = function () {
// Create a basic BJS Scene object
var scene = new BABYLON.Scene(engine);
// Create a FreeCamera, and set its position to {x: 0, y: 5, z: -10}
var camera = new BABYLON.FreeCamera(
"camera1",
new BABYLON.Vector3(0, 5, -10),
scene
);
// Target the camera to scene origin
camera.setTarget(BABYLON.Vector3.Zero());
// Attach the camera to the canvas
camera.attachControl(canvas, false);
// Create a basic light, aiming 0, 1, 0 - meaning, to the sky
var light = new BABYLON.HemisphericLight(
"light1",
new BABYLON.Vector3(0, 1, 0),
scene
);
// Create a built-in "sphere" shape using the SphereBuilder
var sphere = BABYLON.MeshBuilder.CreateSphere(
"sphere1",
{ segments: 16, diameter: 2, sideOrientation: BABYLON.Mesh.FRONTSIDE },
scene
);
// Move the sphere upward 1/2 of its height
sphere.position.y = 1;
// Create a built-in "ground" shape;
var ground = BABYLON.MeshBuilder.CreateGround(
"ground1",
{ width: 6, height: 6, subdivisions: 2, updatable: false },
scene
);
// Return the created scene
return scene;
};
// call the createScene function
var scene = createScene();
// run the render loop
engine.runRenderLoop(function () {
scene.render();
});
// the canvas/window resize event handler
window.addEventListener("resize", function () {
engine.resize();
});
Everything should work from what I’ve seen on the docs, but famous last words. I am also able to console log out BABYLON with no problem so I know the import doesn’t have an issue.