时间戳

首页 > 解决方案 > 在NUXT中导入OBJLoader

vue.js - 在NUXT中导入OBJLoader

问题描述

我在三个 js 上编写了小应用程序，现在我需要加载 obj 和 mtl，但我找不到如何在主 .vue 文件中导入 OBJLoader.js。我的例子如下：

import * as THREE from 'three';
import * as OBJLoader from '@/plugins/OBJLoader';
import * as MTLLoader from '@/plugins/MTLLoader';
import {TweenMax} from 'gsap';
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 loader_9 = new THREE.OBJLoader(); 
        loader_9.load(

             'Model/Provod.obj',

        function ( object ) {
        scene.add( object );
        });
    ...
    };

这是 NUXT 错误信息：

ReferenceError
THREE is not defined

和截图：

错误截图

我应该如何在nuxt中为三个js导入OBJLoader和其他加载器？

感谢您的回答。

标签： vue.jsthree.jsnuxt.js

解决方案

推荐阅读