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	746	June 23, 2020
Using basis texture in react three fiber Questions textures , loaders , basis , react-three-fiber	14	2146	January 10, 2023
How to load multiple basis? Questions textures , loaders , geometry , camera , gltf-loader , basis	0	423	August 25, 2022
Loading gltf \| .basis files Questions textures , loaders , gltf-loader	5	958	August 11, 2021
Basis compression Questions basis	17	2715	August 12, 2019

BasisTextureLoader not working when loaded as a module

Related topics