diff --git a/frontend/src/components/Character3D.vue b/frontend/src/components/Character3D.vue
index 64fc6a0..69e58a0 100644
--- a/frontend/src/components/Character3D.vue
+++ b/frontend/src/components/Character3D.vue
@@ -5,7 +5,7 @@
 <script>
 import { markRaw } from 'vue';
 import * as THREE from 'three';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
 export default {
   name: 'Character3D',
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 42bb3f9..0ce6466 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -49,7 +49,8 @@ export default defineConfig(({ mode }) => {
                 stream: 'stream-browserify',
                 util: 'util',
                 assert: 'assert',
-            }
+            },
+            dedupe: ['three']
         },
         build: {
             rollupOptions: {
@@ -59,7 +60,8 @@ export default defineConfig(({ mode }) => {
                 }
             },
             commonjsOptions: {
-                include: [/three/, /node_modules/]
+                include: [/three/, /node_modules/],
+                transformMixedEsModules: true
             }
         },
     };