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

我使用 vite 来构建一个反应环境。当我从模块导入 GLTFLoader 时,vite 命令行提到:

Vite 错误,/node_modules/.vite/deps/three_examples_jsm_loaders_GLTFLoader.js?v=9d4ee121 应该定义优化信息

这是我的代码:

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)
})

这是错误消息: enter image description here

stack overflow Vite error with optimized info should be defined when use GLTFLoader in React(ThreeJS)
原文答案

答案:

作者头像

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

作者头像

已经解决了这个问题。

当命令行提到 vite 错误时,只需要关闭 dev-server,然后重新加载。 Vite 会清理 .vite 中的缓存 tmp 文件。