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

hmmo2u0o  于 2023-01-25  发布在  React
关注(0)|答案(3)|浏览(241)

我使用vite来建立一个React环境。当我从模块导入GLTFLoader时,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)
})

下面是错误消息:

xienkqul

xienkqul1#

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

oxcyiej7

oxcyiej72#

已经解决了这个问题。
当命令行提到vite错误时,只需关闭dev-server,然后重新加载。Vite将清除. vite中该高速缓存tmp文件。

unftdfkk

unftdfkk3#

这通常是由锁定文件或node_modules/.cache/vite(或者在您的情况下可能是node_modules/.vite)引起的

相关问题