[Solved] Help me to install the "babylonjs-loaders" module in the TypeScript project

I will describe how to get this problem step-by-step:

  • create a folder with the name: “babylonjs-loaders-ts”
  • create the “node_modules” folder using:
    npm init -y
  • install the “babylonjs” and “babylonjs-loaders” modules:
    npm i babylonjs babylonjs-loaders
  • added types to the “tsconfig.json”:

{
“compilerOptions”: {
“target”: “es5”,
“module”: “amd”,
“sourceMap”: false,
“outDir”: “./”,
“types”: [
“babylonjs”, “babylonjs-loaders”
]
},
“include”: [
“./**/*”
],
“exclude”: [
“node_modules”
]
}

I see 66 errors:

node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(14,28): error TS2307: Cannot find module ‘babylonjs-gltf2interface’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(997,28): error TS2307: Cannot find module ‘babylonjs-gltf2interface’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(1209,31): error TS2307: Cannot find module ‘babylonjs-gltf2interface’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(1334,31): error TS2307: Cannot find module ‘babylonjs-gltf2interface’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(1842,31): error TS2307: Cannot find module ‘babylonjs-gltf2interface’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(2539,66): error TS2694: Namespace ‘BABYLON.GLTF2’ has no exported member ‘IGLTFValidationResults’.
node_modules/babylonjs-loaders/babylonjs.loaders.module.d.ts(2544,46): error TS2694: Namespace ‘BABYLON.GLTF2’ has no exported member ‘IGLTFValidationResults’.

I solved the problem. I added the “babylonjs-gltf2interface” module to “types”:

{
“compilerOptions”: {
“target”: “es5”,
“module”: “amd”,
“sourceMap”: true,
“outDir”: “…/public/js”,
“types”: [
“requirejs”, “babylonjs”, “babylonjs-loaders”, “babylonjs-gltf2interface”
]
},
“include”: [
“…/src/client/**/*.ts”
]
}

2 Likes