diff options
| -rw-r--r-- | src/components/chatbubble.jsx | 2 | ||||
| -rw-r--r-- | src/components/ground.jsx | 3 |
2 files changed, 3 insertions, 2 deletions
diff --git a/src/components/chatbubble.jsx b/src/components/chatbubble.jsx index a0190d4..04a8147 100644 --- a/src/components/chatbubble.jsx +++ b/src/components/chatbubble.jsx @@ -6,7 +6,7 @@ import { Html } from '@react-three/drei'; import { AppContext } from '../App'; import Color from 'color'; import { Vector3 } from 'three'; -import messageBubbleModelURL from '../assets/message-bubble.glb?url'; +const messageBubbleModelURL = new URL('../assets/message-bubble.glb', import.meta.url).href export default function ChatBubble({ id, position, text }) { const meshRef = useRef(); diff --git a/src/components/ground.jsx b/src/components/ground.jsx index 2c9557e..9aa736d 100644 --- a/src/components/ground.jsx +++ b/src/components/ground.jsx @@ -1,9 +1,10 @@ import { useRef } from 'react'; -import terrainModelURL from '../assets/terrain.glb?url' import * as everforest from '../_everforest.module.scss' import { RigidBody } from '@react-three/rapier'; import { useGLTF } from '@react-three/drei'; +const terrainModelURL = new URL('../assets/terrain.glb', import.meta.url).href + export default function Ground() { const meshRef = useRef(); const { nodes } = useGLTF(terrainModelURL); |