reactjs - 在 React(ThreeJS) 中使用 GLTFLoader 时应定义优化信息的 Vite 错误

Question

我使用 vite 构建了一个 react 环境。当我从模块导入 GLTFLoader 时，vite 命令行提到:

Vite Error, /node_modules/.vite/deps/three_examples_jsm_loaders_GLTFLoader.js?v=9d4ee121 optimized info should be defined

这是我的代码:

import * as Three from "three"
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'

[...]

const gltfLoader = new GLTFLoader()
gltfLoader.setPath('public/')

gltfLoader.load('000.hdr', gltf => {
    gltf.scene.scale.set(0.2,0.2,0.2)
    scenes.add(gltf.scene)
})

这是错误消息:

Answer 1

对于 future 的其他人，YMMV:删除 node_modules 和 pnpm-lock.yaml 解决了这个问题。