BasisTextureLoader not working when loaded as a module

fernandojsg · October 30, 2019, 1:00pm

Hi everyone!

I’ve been trying to use the BasisTextureLoader importing it as a module and creating a bundle on the application using webpack.
The example is pretty straightforward based on the current basis example on threejs:

github.com

fernandojsg/three-basis-modules-example/blob/65d97c3705d5b4a3c511d3d92b6ec33d21717bad/src/index.js

import * as THREE from 'three';
import { BasisTextureLoader } from 'three/examples/jsm/loaders/BasisTextureLoader.js';

var camera, scene, renderer;
var mesh;

init();
animate();

window.THREE = THREE;

function init() {

  camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );

  scene = new THREE.Scene();

  var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );
  var material = new THREE.MeshBasicMaterial( { color: 0xFF00FF } );

This file has been truncated. show original

https://fernandojsg.github.io/three-basis-modules-example/

It throws a bunch of errors on chrome and in firefox even if the transcoder code seems to be fetched correctly.

Any idea about what is going on here?

Thanks!

fernandojsg · October 30, 2019, 6:45pm

Solved! It was a revision mismatch between the module dependency and the transcoder I was using. updating everything to r109 or r110 fixed the problem. Thanks and sorry for the noise!

Topic		Replies	Views
Basis textures on Safari Questions textures , loaders	2	695	June 23, 2020
Basis compression Questions basis	17	2583	August 12, 2019
textureLoader not working on sprites Questions textures	3	1123	July 29, 2019
Basis video texture Questions basis	1	916	July 16, 2021
Three Js - without NPM Questions modules	16	4749	October 8, 2021

BasisTextureLoader not working when loaded as a module

Related Topics