Trying to ExpoTHREE.loadObjAsync | Can't find variable: THREE

As soon as I try to run this line of code:

const mesh = await ExpoTHREE.loadObjAsync({asset: require(‘…/assets/models/head.obj’)});

My app starts complaining about this. Everything else is fine. I’ve already got a cube spinning no problem. I’ve dug into this a lot, but it looks like the OBJLoader.js file is complaining that it can’t find THREE.

Is it right that we’re using a file out of the examples folder of three?

what about the seperate package of three-obj-loader? Is that needed?

Can't find variable: THREE


<unknown>
    OBJLoader.js:5:6
loadModuleImplementation
    require.js:331:6
guardedLoadModule
    require.js:197:45
loadObjAsync$
    loadModelsAsync.js:48:15
tryCatch
    runtime.js:45:44
invoke
    runtime.js:271:30
tryCatch
    runtime.js:45:44
invoke
    runtime.js:135:28
<unknown>
    runtime.js:145:19
tryCallOne
    core.js:37:14
<unknown>
    core.js:123:25
_callTimer
    JSTimers.js:152:14
_callImmediatesPass
    JSTimers.js:200:17
callImmediates
    JSTimers.js:473:30
__callImmediates
    MessageQueue.js:337:6
<unknown>
    MessageQueue.js:135:6
__guard
    MessageQueue.js:314:10
flushedQueue
    MessageQueue.js:134:17

[chrisbarry]

I installed three-obj-loader

var OBJLoader = require(‘three-obj-loader’); OBJLoader(THREE);

And put this at the top of the file, now it’s working no problem?

Any ideas?

[bberak]

For others getting the can't find variable: THREE problem, add the following lines near the beginning of your program:

import { THREE } from "expo-three";

global.THREE = THREE;

A lot of the code in ThreeJS relies on a global THREE variable (unfortunately).