三.js OBJLoader 未在反应中加载 [英] three.js OBJLoader not loading in react

问题描述

我正在尝试加载一个对象 (.obj) 文件以与three.js 一起使用并做出反应(使用react-three-renderer)，但得到一个我的代码看起来像:

I am trying to load an object (.obj) file to use with three.js and react (with react-three-renderer), yet get an My code looks like:

import React from 'react';
import ReactDOM from 'react-dom';
import React3 from 'react-three-renderer';
import TrackballControls from './TrackballControls';
import * as THREE from 'three';
import * as OBJLoader from 'three-obj-loader';
OBJLoader(THREE);

class MyClass extends React.Component {
...
  render() {
    ...
    const objLoader = new THREE.OBJLoader();
  }
}

但是，我不断收到:在 'three' 中找不到导出 'OBJLoader'(导入为 'THREE')有人有想法吗?

However, I keep on getting: "export 'OBJLoader' (imported as 'THREE') was not found in 'three' Anyone with an idea?

推荐答案

因此，将 this.THREE = THREE 添加到 React 组件似乎可以解决问题(很奇怪，嗯?).所以我的代码目前看起来像:

So it seems that adding this.THREE = THREE to the react component does the trick (weird, eh?). So my code currently looks like:

import React from 'react';
import ReactDOM from 'react-dom';
import React3 from 'react-three-renderer';
import TrackballControls from './TrackballControls';
import * as THREE from 'three';
import * as OBJLoader from 'three-obj-loader';
OBJLoader(THREE);

class MyClass extends React.Component {
...
  render() {
    ...
    this.THREE = THREE;
    const objLoader = new this.THREE.OBJLoader();
  }
}

这篇关于三.js OBJLoader 未在反应中加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！