solved Uncaught ReferenceError: BABYLON is not defined

[max123]

Hi,

I've just updated v3.0 to 3.2 and am getting this error:

Uncaught ReferenceError: BABYLON is not defined.

I'm using requirejs to load BJS, PEP and some other libs. Has something changed in 3.2 definitions?

[RaananW]

3.2 has moved to UMD, and has a proper amd definition. you can now require babylonjs as a package. 

How did you load it until now? using externals?

[max123]

4 minutes ago, RaananW said:

3.2 has moved to UMD, and has a proper amd definition. you can now require babylonjs as a package. 

How did you load it until now? using externals?

requirejs(["pep", "babylon", this.settingsFile]...

Worked great... until now.

Babylon is a small part of the project I'm working on and is loaded via requirejs at runtime when needed.

[RaananW]

The package name is babylonjs (at least in the UMD definition). How does your configuration look like? babylon must be defined somewhere, if you load the file async

[max123]

@RaananW, it's defined in the main.js file like following:

requirejs.config({
   shim: {
      easeljs: {
         exports: 'createjs'
      },
      tweenjs: {
         deps: ['easeljs'],
         exports: 'Tween'
      },
      movieclip: {
         deps: ['easeljs', 'tweenjs']
      },
      babylon: {
         exports: "BABYLON"
      },
      pep: {
         deps: ["babylon"]
      }



   },
   paths: {
      createjs: 'libs/createjs-2015.11.26.min',
           "pdfjs-dist": "libs/pdf/pdfjs-dist",
           babylon: "libs/3d/babylon/babylon",
           pep: "libs/3d/babylon/pep",
   }
});

[RaananW]

Babylon doesnt need the shim anymore, it has a proper amd definition. it will automatically populate the global namespace as a fallback, but requiring babylonjs (using this package name) will load it properly using requirejs

[max123]

Hi @RaananW, thanks for the heads up. I've managed to load 3.2. Here's the requirejs definition (I did keep the shim as to make sure PEP is loaded and available to Babylon first):

 

requirejs.config({
   shim: {
      babylonjs: {
         exports: "BABYLON"
      },
      pep: {
         deps: ["babylonjs"]
      }
   },
   paths: {
           babylonjs: "libs/3d/babylon/babylon",
           pep: "libs/3d/babylon/pep",
   }
});

Hop this helps to whoever has problems with BJS 3.2 and AMD (requirejs).

Note:  I've changed babylon to babylonjs.