# \#vite

**URL:** https://discourse.threejs.org/tag/vite/1189.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [FontLoader + vite + github pages returning a 404 for my font](https://discourse.threejs.org/t/fontloader-vite-github-pages-returning-a-404-for-my-font/85730)

<div class="topic-metadata">

**Author:** [@Tamsin](https://discourse.threejs.org/u/Tamsin)\
**Replies:** 14\
**Last updated:** [August 1, 2025, 3:59pm UTC](https://discourse.threejs.org/t/fontloader-vite-github-pages-returning-a-404-for-my-font/85730 "2025-08-01T15:59:50Z")

</div>

Hi there, first off I’m new to three and relatively new to js, so apologies in advance for naivete. When I use build using vite and run the distro locally, I can load my text geometry just fine. However, when I do the s…

---

## [Issue with the render of my model in production](https://discourse.threejs.org/t/issue-with-the-render-of-my-model-in-production/82889)

<div class="topic-metadata">

**Author:** [@Benj](https://discourse.threejs.org/u/Benj)\
**Replies:** 4\
**Last updated:** [May 22, 2025, 8:46am UTC](https://discourse.threejs.org/t/issue-with-the-render-of-my-model-in-production/82889 "2025-05-22T08:46:56Z")

</div>

Im working on a 3d product configurator. My model is compose of several simple parts that i made with threejs primitive. It is link to a form which allow to change the model ( adjust length, height even add/remove so…

---

## [Models disappear in production mode after migrating CRA to vite](https://discourse.threejs.org/t/models-disappear-in-production-mode-after-migrating-cra-to-vite/74412)

<div class="topic-metadata">

**Author:** [@NiEkOKsU](https://discourse.threejs.org/u/NiEkOKsU)\
**Replies:** 0\
**Last updated:** [November 25, 2024, 7:06pm UTC](https://discourse.threejs.org/t/models-disappear-in-production-mode-after-migrating-cra-to-vite/74412 "2024-11-25T19:06:22Z")

</div>

I’m working on such issue Switch a built system to vite by NiEkOKsU · Pull Request #1696 · yaptide/ui · GitHub, where I’m trying to migrate our applications from CRA to vite. After a building the application and running …

---

## [Issues with running loaders in test cases with assets on disk](https://discourse.threejs.org/t/issues-with-running-loaders-in-test-cases-with-assets-on-disk/73995)

<div class="topic-metadata">

**Author:** [@CraigKnoblauch](https://discourse.threejs.org/u/CraigKnoblauch)\
**Replies:** 1\
**Last updated:** [November 20, 2024, 10:10pm UTC](https://discourse.threejs.org/t/issues-with-running-loaders-in-test-cases-with-assets-on-disk/73995 "2024-11-20T22:10:05Z")

</div>

Hey Everyone! I’ve been trying to build test cases for my Three.js application. I have a lot of features that manipulate custom models and textures. To test those features, I’ve been trying to use the loaders to get asse…

---

## [R168 Error after install: No matching export in "./three.module.js" for import "NodeMaterial"](https://discourse.threejs.org/t/r168-error-after-install-no-matching-export-in-three-module-js-for-import-nodematerial/71078)

<div class="topic-metadata">

**Author:** [@vis\_prime](https://discourse.threejs.org/u/vis_prime)\
**Replies:** 10\
**Last updated:** [October 19, 2024, 2:38pm UTC](https://discourse.threejs.org/t/r168-error-after-install-no-matching-export-in-three-module-js-for-import-nodematerial/71078 "2024-10-19T14:38:18Z")

</div>

After installing r168 , vite.js prints this error. \[ERROR\] No matching export in "node\_modules/three/build/three.module.js" for import "NodeMaterial" node\_modules/three/examples/jsm/objects/SkyMesh.js:5:1: 5…

---

## [Three js r169 WebGPU renderer with vite](https://discourse.threejs.org/t/three-js-r169-webgpu-renderer-with-vite/71843)

<div class="topic-metadata">

**Author:** [@Gnan\_Sai](https://discourse.threejs.org/u/Gnan_Sai)\
**Replies:** 1\
**Last updated:** [September 28, 2024, 7:29pm UTC](https://discourse.threejs.org/t/three-js-r169-webgpu-renderer-with-vite/71843 "2024-09-28T19:29:56Z")

</div>

Hi , I am using Three r169 WebGPU renderer with vite. Every thing works fine when running on dev server. npm run dev But Building the project gives the error and few materials do not render properly. num run build…

---

## [I can't move my GLTF model from AR mode from the camera](https://discourse.threejs.org/t/i-cant-move-my-gltf-model-from-ar-mode-from-the-camera/70136)

<div class="topic-metadata">

**Author:** [@vitto\_dev](https://discourse.threejs.org/u/vitto_dev)\
**Replies:** 0\
**Last updated:** [August 31, 2024, 9:59pm UTC](https://discourse.threejs.org/t/i-cant-move-my-gltf-model-from-ar-mode-from-the-camera/70136 "2024-08-31T21:59:15Z")

</div>

I’m new to using webxr with threejs and I’m doing AR experiences. I’ve been trying for 2 days to do a functionality that is in the examples on the threejs page three.js examples Basically it’s doing a dragging with a GL…

---

## [Vite/Rollup doesn't tree shake ThreeJS when using R3F](https://discourse.threejs.org/t/vite-rollup-doesnt-tree-shake-threejs-when-using-r3f/68277)

<div class="topic-metadata">

**Author:** [@ericdjohnson](https://discourse.threejs.org/u/ericdjohnson)\
**Replies:** 1\
**Last updated:** [July 17, 2024, 9:29pm UTC](https://discourse.threejs.org/t/vite-rollup-doesnt-tree-shake-threejs-when-using-r3f/68277 "2024-07-17T21:29:35Z")

</div>

I’m importing Canvas and just console.logging it, but it looks like all of the Three.js is bundled as well. Is this happening for anyone else? I was able to just import a Vector3 from ThreeJS and console.log it and it wa…

---

## [Vercel website don't show the loaded model from Vite public folder](https://discourse.threejs.org/t/vercel-website-dont-show-the-loaded-model-from-vite-public-folder/67620)

<div class="topic-metadata">

**Author:** [@iHast](https://discourse.threejs.org/u/iHast)\
**Replies:** 5\
**Last updated:** [July 11, 2024, 1:46pm UTC](https://discourse.threejs.org/t/vercel-website-dont-show-the-loaded-model-from-vite-public-folder/67620 "2024-07-11T13:46:53Z")

</div>

The problem begins when I deploy the website. The website go live but when I get on the scene of the model I receive: SyntaxError: Unexpected token ‘v’, “version ht”… is not valid JSON at JSON.parse () at sM.parse (i…

---

## [Threejs / Vite / Blender GLB File - Not Loading](https://discourse.threejs.org/t/threejs-vite-blender-glb-file-not-loading/67419)

<div class="topic-metadata">

**Author:** [@Connie\_Cham](https://discourse.threejs.org/u/Connie_Cham)\
**Replies:** 12\
**Last updated:** [July 2, 2024, 8:50am UTC](https://discourse.threejs.org/t/threejs-vite-blender-glb-file-not-loading/67419 "2024-07-02T08:50:23Z")

</div>

It keeps showing up as blank or a blank canvas, I set a plane for a model and only the lights and shadows from it showed, my orbit controls worked and everything - is there something the matter with my model? Here’s my …

---

## [TypeError: Cannot read properties of undefined (reading ‘fetchStack’) when loading .glb model with Three.js and Vite](https://discourse.threejs.org/t/typeerror-cannot-read-properties-of-undefined-reading-fetchstack-when-loading-glb-model-with-three-js-and-vite/64562)

<div class="topic-metadata">

**Author:** [@vtroitio](https://discourse.threejs.org/u/vtroitio)\
**Replies:** 3\
**Last updated:** [April 26, 2024, 9:06am UTC](https://discourse.threejs.org/t/typeerror-cannot-read-properties-of-undefined-reading-fetchstack-when-loading-glb-model-with-three-js-and-vite/64562 "2024-04-26T09:06:17Z")

</div>

I’m working on a project using Vite, Three.js and Bootstrap where I’m trying to load a .glb model. My project structure is as follows: my-project/ ├── public/ │ ├── models/ │ │ └── Flamingo.glb ├── src/ │ ├── js…

---

## [Port morphtargets/face example to vite.js](https://discourse.threejs.org/t/port-morphtargets-face-example-to-vite-js/64116)

<div class="topic-metadata">

**Author:** [@patavinas](https://discourse.threejs.org/u/patavinas)\
**Replies:** 1\
**Last updated:** [April 15, 2024, 1:32pm UTC](https://discourse.threejs.org/t/port-morphtargets-face-example-to-vite-js/64116 "2024-04-15T13:32:59Z")

</div>

Hello, I’m trying to port this example (three.js examples) to vite.js. At this point we are doing this because we later want to deal with other glb/gltf models and control them in interactive art situations. My main.j…

---

## [Three.js development doesn't load file correct](https://discourse.threejs.org/t/three-js-development-doesnt-load-file-correct/63131)

<div class="topic-metadata">

**Author:** [@young](https://discourse.threejs.org/u/young)\
**Replies:** 2\
**Last updated:** [March 22, 2024, 8:58pm UTC](https://discourse.threejs.org/t/three-js-development-doesnt-load-file-correct/63131 "2024-03-22T20:58:20Z")

</div>

I am building a website with Three.js for viewing STL file. Initially, I successfully managed to run the website on my localhost, where STL files were loading and displaying correctly. However, I ran into issue: the STL …

---

## [Vite GitHubPages deployment - GET 404 - for checker.png texture](https://discourse.threejs.org/t/vite-githubpages-deployment-get-404-for-checker-png-texture/57108)

<div class="topic-metadata">

**Author:** [@jendahorak](https://discourse.threejs.org/u/jendahorak)\
**Replies:** 3\
**Last updated:** [March 22, 2024, 3:55pm UTC](https://discourse.threejs.org/t/vite-githubpages-deployment-get-404-for-checker-png-texture/57108 "2024-03-22T15:55:38Z")

</div>

Problem with page not loading static texture asset checker.png. I have added my texture image into root/public/checker.png, it works on dev server loading it like: const texture = loader.load(‘/checker.png’). My source …

---

## [R159 + Vite, ModelNode.js:26 Uncaught TypeError: nodeImmutable(...).label(...).temp is not a function](https://discourse.threejs.org/t/r159-vite-modelnode-js-26-uncaught-typeerror-nodeimmutable-label-temp-is-not-a-function/58909)

<div class="topic-metadata">

**Author:** [@0b5vr](https://discourse.threejs.org/u/0b5vr)\
**Replies:** 3\
**Last updated:** [December 7, 2023, 9:14am UTC](https://discourse.threejs.org/t/r159-vite-modelnode-js-26-uncaught-typeerror-nodeimmutable-label-temp-is-not-a-function/58909 "2023-12-07T09:14:07Z")

</div>

It seems that Vite’s code chunking swaps modules with side effects and making the code unfunctional. It occurs when I simply import "three/nodes". The chunk runs ModelNode before the VarNode which is not good. I don’t…

---

## [Get relative three path in VITE?](https://discourse.threejs.org/t/get-relative-three-path-in-vite/58528)

<div class="topic-metadata">

**Author:** [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Replies:** 4\
**Last updated:** [November 24, 2023, 4:57pm UTC](https://discourse.threejs.org/t/get-relative-three-path-in-vite/58528 "2023-11-24T16:57:32Z")

</div>

I am using VITE and I must get a reference to the three paths to load a gltf model, so far I used this. const THREE\_PATH = \`https://unpkg.com/three@0.${REVISION}.x\` I need to replace it with my local three-path.

---

## [Textureloader does not load texture even when texture is in same folder as HTML and JS scene files](https://discourse.threejs.org/t/textureloader-does-not-load-texture-even-when-texture-is-in-same-folder-as-html-and-js-scene-files/58208)

<div class="topic-metadata">

**Author:** [@kdwoell](https://discourse.threejs.org/u/kdwoell)\
**Replies:** 11\
**Last updated:** [November 21, 2023, 3:16am UTC](https://discourse.threejs.org/t/textureloader-does-not-load-texture-even-when-texture-is-in-same-folder-as-html-and-js-scene-files/58208 "2023-11-21T03:16:12Z")

</div>

New to threejs. Followed the Option 1 install guide at threejs.org Configuration Ubuntu 22.04 Nodejs 21.1 Vite textureLoader does not seem to work and breaks the scene. If I comment out the textureLoader code block…

---

## [Want simple template using up-to-date 3JS, Node.js and Vite (only)](https://discourse.threejs.org/t/want-simple-template-using-up-to-date-3js-node-js-and-vite-only/56745)

<div class="topic-metadata">

**Author:** [@bob1942](https://discourse.threejs.org/u/bob1942)\
**Replies:** 4\
**Last updated:** [October 11, 2023, 7:06am UTC](https://discourse.threejs.org/t/want-simple-template-using-up-to-date-3js-node-js-and-vite-only/56745 "2023-10-11T07:06:20Z")

</div>

Resuming 3JS activity, I would like a simple template or example with the current 3JS distribution and development tools Node.js and Vite. My goal is to have a basic app which I can expand as I learn more and won’t requi…

---

## [Install r155 in VITE](https://discourse.threejs.org/t/install-r155-in-vite/55327)

<div class="topic-metadata">

**Author:** [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Replies:** 6\
**Last updated:** [August 25, 2023, 7:41am UTC](https://discourse.threejs.org/t/install-r155-in-vite/55327 "2023-08-25T07:41:39Z")

</div>

How do I install in vite r155 version, I tried npm install three@0.155.0 but I test the THREE.REVISION I still get r151… Thank you.

---

## [\[ Font loader \] - Error 404 not found while loading fonts](https://discourse.threejs.org/t/font-loader-error-404-not-found-while-loading-fonts/54346)

<div class="topic-metadata">

**Author:** [@sousadiego11](https://discourse.threejs.org/u/sousadiego11)\
**Replies:** 4\
**Last updated:** [July 27, 2023, 6:01pm UTC](https://discourse.threejs.org/t/font-loader-error-404-not-found-while-loading-fonts/54346 "2023-07-27T18:01:18Z")

</div>

Structure of the code i’m running:

---

## [jsngin (A JS game engine inside VSCode)](https://discourse.threejs.org/t/jsngin-a-js-game-engine-inside-vscode/53150)

<div class="topic-metadata">

**Author:** [@jsngin](https://discourse.threejs.org/u/jsngin)\
**Replies:** 5\
**Last updated:** [June 23, 2023, 2:20pm UTC](https://discourse.threejs.org/t/jsngin-a-js-game-engine-inside-vscode/53150 "2023-06-23T14:20:01Z")

</div>

Hi all ! We are excited to announce the early release of jsngin. Designed to integrate with your web development workflow, it seamlessly works on top of VSCode and utilises familiar build tools like Vite. Find out more…

---

## [Import import { OrbitControls } not work . what is wrong ? Help](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547)

<div class="topic-metadata">

**Author:** [@Dania\_Ibrahim](https://discourse.threejs.org/u/Dania_Ibrahim)\
**Replies:** 2\
**Last updated:** [February 2, 2023, 12:57am UTC](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547 "2023-02-02T00:57:23Z")

</div>

Although the capsule is successfully loaded and animated, none of the OrbitControls function works. I’m using three.js with vite. when I run main.js it returns an error error (err\_module\_not\_found): cannot find module …

---

## [Models load slow on netlify](https://discourse.threejs.org/t/models-load-slow-on-netlify/34432)

<div class="topic-metadata">

**Author:** [@cheenou13](https://discourse.threejs.org/u/cheenou13)\
**Replies:** 3\
**Last updated:** [February 8, 2022, 3:09am UTC](https://discourse.threejs.org/t/models-load-slow-on-netlify/34432 "2022-02-08T03:09:58Z")

</div>

Hello All, So I created a simple 3D model renderer project and deploy it on netlify. But it took a bit of time (a minute) for the models to be completed load to the browser. Once, the model is completed load though, the…