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

Hyo*_*you 3 three.js reactjs vite

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

Vite错误,/node_modules/.vite/deps/third_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)
})
Run Code Online (Sandbox Code Playgroud)

这是错误消息: 在此输入图像描述

Kyo*_*uma 7

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