有人能解释一下我是如何导入和使用这三种产品的吗.vue组件中的js库?

经过多次搜索,我清楚地意识到,大多数人使用下面的行来导入三个.js在vue组件中,但我认为它已经过时(用于旧vue版本中使用的旧three.js document or).

import * as THREE from './js/three.js';

不幸的是,这似乎对我不起作用,因为我在以后编译vue项目时收到以下警告.(请注意,该项目实际上没有正确编译,当我浏览到它时,会得到一个空文件).

我try 了许多其他常见的方法来导入这三个.这也没用!

我根本不是Vue专家,但我有三个.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个.

推荐答案

您可以使用这样的require语句:

const THREE = require('THREE')

但一些插件假定Windows上有THREE个可用的插件,所以您可能想使用window.THREE = require('THREE')

我在导入语句方面没有太多经验,但上面的内容应该有用.

Vue.js相关问答推荐

如何默认打开一个v-list-group?

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

Vuejs 通过数据键迭代复杂对象

VueJS 中的 VisJS 时间轴:带有图像的项目放错了位置

如何 for each 动态创建的按钮/文本字段设置唯一变量?

Webpack - MiniCssExtractPlugin 不提取文件

如何在vue中动态加载组件

VueJS - 将单独的组件加载到 vue 实例中

为什么组件在 v-if 下没有被销毁

一个 div 组件中的 Vue.js 2.0 路由链接

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

如何在 NPM 上创建和发布 Vuejs 组件

vue js 中的 process.env.BASE_URL 是什么?

如何克隆props对象并使其无react

如何使用vue.js/nuxt.js获取一个目录下的所有图片文件

在 VueJS 中观察元素的高度

如何在 VueJS 中下载本地存储的文件

如何在 vue.js 中进行嵌入?

Vue.JS 2.0 修改不相关数据时速度慢

v-bind:class 的 Vue.js 计算(computed)属性