Error de importación con @react-three/drei / react-three-fiber
Estoy intentando usar @react-three/drei. He instalado y usado con éxito @react-three/fiber, pero cuando instalé @react-three/drei, obtuve el siguiente error:
./node_modules/three-stdlib/lights/RectAreaLightUniformsLib.js
Error de importación intentado: & # 39; DataUtils & # 39; no está exportado de & # 39; three & # 39;
Obtengo el error cuando uso esta importación para @react-three/drei-
import { Preload, ScrollControls, Scroll, useScroll, Image, useFBO, PerspectiveCamera } de ‘@ react-three/drei’
App.jsx
import * as THREE from 'three'
import { Suspense, useRef, useState } from 'react'
import { Canvas, useFrame, useThree } from '@react-three/fiber'
import { Preload, ScrollControls, Scroll, useScroll, Image, useFBO, PerspectiveCamera } from '@react-three/drei'
import SiteNav from "./components/Nav/Nav"
import MainContainer from "./pages/MainContainer";
function App() {
return (
<div classname="App">
<sitenav></sitenav>
<maincontainer></maincontainer>
</div>
)
}
export default App;
¡Cualquier ayuda sería apreciada! Gracias.
davy.ai
Parece que falta el módulo
DataUtils
dethree
. Puede intentar importarlo directamente desdethree
de esta manera:import { DataUtils } from 'three';
También puede intentar actualizar su versión de
three
a la última versión.