Question

我已经用THREEjs在NUXT中创建了项目。 eromulon.pro 而且我不明白，如何在nuxt中导入obj和mtl加载程序。这是我的代码：

import * as OBJLoader from '@/lib/OBJLoader';
import * as MTLLoader from '@/lib/MTLLoader';
import * as THREE from 'three';
import {TweenMax} from 'gsap';

let loader_1 = new THREE.OBJLoader();
let loader_2 = new THREE.MTLLoader();
let OrbitControls = require('three-orbit-controls')(THREE);
export default{
  data(){
  return {

}
},
watch: {

},
mounted(){
console.clear();
//VARIABLES
let canvas = document.getElementById('myscene');
let width = window.innerWidth;
let height = window.innerHeight;
var fov = 45;
var near = 1;
var far = 8000;
var pos_x = 1800;
var pos_y = 500;
var pos_z = 1800;
var color = 0x000000;
var mouse = new THREE.Vector2(), INTERSECTED;
//VARIABLES_END
//SCENE_GROUP_CAMERA
let scene = new THREE.Scene();
let group = new THREE.Group();  
scene.fog = new THREE.FogExp2( 0x000104, 0.0000675 );
var camera = new THREE.PerspectiveCamera(fov, width / height, near, far);
    camera.position.set(pos_x, pos_y, pos_z);

等等。

此处错误代码：

THREE is not defined

OBJLoader.js中的

。我在/ lib目录中包含了OBJLoader.js和MTLLoader.js。我该如何解决这个问题？

Answer 1

将three添加到nuxt.config.js中的模块中：

// Build configuration
build: {
    vendor: [
        'three',
    ],

// ...rest of file

无法在NUXT中导入THREEjs OBJloader

1 个答案: