我正在尝试使用three.js库(与npm一起安装)在nuxt.js应用中的客户端上渲染3D模型,但是我没有足够的想法来使导入工作(我没有首先没有很多)。每次我收到与未定义的三个相关的错误。这是我尝试过的:
在nuxt.config.js
plugins: [
{src: "~/plugins/three",mode: "client"}
]
在plugins/three.js
import Vue from 'vue'
import * as THREE from 'three'
Vue.use(THREE);
在我要在其中使用的组件中:
if(process.client) {
require('three');
require('three-obj-loader');
require('three-obj-mtl-loader');
require('three-orbitcontrols');
}
从内部调用为THREE.someFunction()