尝试导入错误：'OBJLoader'未从'three'导出(导入为"THREE")

Question

当我尝试运行OBJLoader时，它给出了错误。尝试导入错误："OBJLoader"未从"three"导出(导入为"three"(。

import * as THREE from "three";
import OBJLoader from "three-obj-loader";
OBJLoader(THREE);
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);

const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
this.mount.appendChild(renderer.domElement);

const loader = new OBJLoader();
loader.load(
"model/Room.obj",
function (object) {
scene.add(object);
},
function (xhr) {
console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
},
function (error) {
console.log("An error happened");
}
);

Answer 1

请像这样导入OBJLoader：

import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';

不需要使用three-obj-loader。所有示例文件都可以作为模块在threenpm包中使用。

Answer 2

我最终在我当前的项目结构中复制/粘贴了'three/examples/jsm/loaders/OBJLoader.js';的整个模块(检查源repo或节点模块文件夹(

然后像往常一样导入

import { OBJLoader } from './OBJLoader'