有没有人能给我解释一下如何在vue组件中正确地导入和使用 three.js库?
经过多次搜索,我发现大多数人使用下面这行代码来导入vue组件中的three.js,但是我认为它已经过时了(对于旧版本的three.js document 或旧版本的vue中使用的,使用usef)。
import * as THREE from './js/three.js';
不幸的是,这似乎对我不起作用,因为在之后编译我的vue项目时,我得到了以下警告。(请注意,项目实际上没有正确编译,当我浏览到它时,我得到一个空文件)。
我尝试了许多其他常见的方法来导入three.js,但都不起作用!
我根本不是Vue专家,但是three.js包含了下面的导出代码块,我认为这可能会影响我需要导入这个库的方式,以避免编译警告。
exports.WebGLRenderTargetCube = WebGLRenderTargetCube;
exports.WebGLRenderTarget = WebGLRenderTarget;
exports.WebGLRenderer = WebGLRenderer;
exports.ShaderLib = ShaderLib;
exports.UniformsLib = UniformsLib;
exports.UniformsUtils = UniformsUtils;
exports.ShaderChunk = ShaderChunk;
exports.FogExp2 = FogExp2;
exports.Fog = Fog;
exports.Scene = Scene;
(and so one...)
我在项目中使用的The complete Vue component file。
https://stackoverflow.com/questions/47849626
复制相似问题