Hi all, I have been trying to implement Three.js in Vue.js and i have been able to create a scene where i am capable to create a bunch of cubes with no problem. All that works as it should. My main issue is within the STLLoader, as im in need to load an STL Object into the scene. I´m using npm lib…

I can load your file without the mentioned error with the latest version of STLLoader. I suggest you stop using unofficial npm packages like three-full and three-stl-loader and use the official modules from the three npm package instead. As mentioned in the following guide (section Importable Examp…

how did you manage to load the file? Because i have used the ‘three’ npm package but did not manage it to work, can you provide an example code? Just to make sure i´m not doing anything wrong. Thank you very much for all the help :slight_smile:

I just replaced one of the files in the official STL example: https://threejs.org/examples/webgl_loader_stl

Hi again, I have been trying to use the ‘three’ npm package as you told me to do, but I keep getting an error that THREE.STLLoader is not a constructor. Taking a look to the files in the three package, i cannot see the STLLoader.js file inside the loader directory in three. [image] three J…

Yes it is. The module is located here: mrdoob/three.js/blob/master/examples/jsm/loaders/STLLoader.js /** * @author aleeper / http://adamleeper.com/ * @author mrdoob / http://mrdoob.com/ * @author gero3 / https://github.com/gero3 * @author Mugen87 / https://github.com/Mugen87 * * Descr…

I have tried importing it as you say, it looks like it works (with breakpoints i can see it enters the STLLoader.js) but it returns an error: [THREE_error] The way i do it is: import { STLLoader } from 'three/examples/js/loaders/STLLoader.js' and then call it as: var loader = new STLLoader(); …

Ok, so right know i manage to clean the error by downloading it again and right now is not giving me any errors. But the head is not loading on the scene, i have put a breakpoint inside the call function for the loader.load and it never enters in this function. I will continue investigating this, …

Ok, so getting inside the STLLoader.js and putting some breakpoints, I have managed to see where it goes off. So in the following lines from STLLoader.js: for ( var face = 0; face < faces; face ++ ) { var start = dataOffset + face * faceLength; var normalX = reader.getFloat32( start, true …

[image] Javier_Sancho: import { STLLoader } from ‘three/examples/js/loaders/STLLoader.js’ You use the wrong path to STLLoader. The module version of the loader is in the jsm directory (not js). import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js'

[image] Javier_Sancho: Why can this be happening? Not sure so far. I’m currently not into the STL standard so this might take a while until I can provide feedback.

STLLoader in Vue.js Error

Questions

anthonysimone March 10, 2020, 7:10pm 23

@royksoft if this is just an issue properly loading static assets in Vue, you can check out this issue, it should get you on the right track Loading GLTF models in Nuxt.js / Vue.js

Topic		Replies	Views
STL Loader file path issues Questions react , stl-loader	6	3575	August 30, 2020
Can someone please for the love of god send me a working code of STL file loading? Questions stl-loader	23	11228	June 11, 2021
Loading STL file in THREE js Questions modules , getting-started	2	2805	May 7, 2022
Unable to parse STL file in Azure Blob Storage with Three.js Questions stl , stl-loader	0	725	February 24, 2022
JS Newb needs help Questions	4	208	February 20, 2024

STLLoader in Vue.js Error

Related topics