在vue.js / nuxt.js中使用Three.js库客户端

我正在尝试使用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()

zubing 回答:在vue.js / nuxt.js中使用Three.js库客户端

我最近成功地在nuxt应用程序中导入了三个,即使我没有检查它是否是客户端。

从我可以看到的内容中,您像这样导入:import * as Three from `three`,但是随后您使用three而不是Three来调用它。区分大小写!

本文链接:https://www.f2er.com/3155247.html

大家都在问