warnings (imported as 'THREE') was not found in 'three'

这个问题还没解决！

用Vue.js 重构项目的时候，引入three.js和其他相关的东西的时候会出现上面的警告。今天就说一下这个解决办法，但是我觉得这个方法不一定适用所有的项目。

一、引入THREE

首先用 npm 安装了 three, 然后再项目里面引入了。如下代码所示。

import * as THREE from 'three'

这个时候还需要引入其他three.js 的方法。比如 STLLoader.js，因为有些文件 npm 官方库里面没有或者版本不同，所以我直接从官网的例子里面直接拷贝文件到项目直接引用。因为这些函数直接在THREE对象上添加的方法，所以我猜测直接引入就可以添加到THREE上面，所以我就直接用 import ''路径/STLLoader.js" 引入文件，这个时候就报错了，如下图。

因为全局变量没有THREE，所以接下来就开始怎么处理THREE变量全局化。

二、THREE变量全局化

THREE全局化有两种方法，

1是在webpack 里面添加全局变量。

  plugins: [new webpack.ProvidePlugin({'THREE': require.resolve('three')})]

这种方法确实可以但是在我项目里面会出现一个问题。就是 CSS3DObject，方法找不到。

2 直接在 window全局变量上挂载 THREE，具体原理不再这里说了。

window.THREE = THREE

THREE变量全局化解决了，开始引入其他函数。

三、warnings 的出现和解决

因为这些函数是在不同的 .vue组件里面用，所以分开来引入这些函数了。分开来引入的的时候，还是有写THREE变量未定义，所以我就又在STLLoader.js 引入 THREE。

import * as {THREE} from 'three'
THREE.STLLoader = function ( manager ) {this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;};

这个时候就出现了标题的问题了。最后发现是加载顺序的问题。

那么这些警告也确实够烦人的，程序员不要说自己不行，所以要解决！！

这个时候发现是引入文件的顺序出了问题，就是 STLLoader 先加载了， THREE 后加载。这个时候把 THREE的加载放在App.vue里面，然后把其他文件里面的 import * as {THREE} from 'three都删除了，就会返现没有警告了。

warnings (imported as 'THREE') was not found in 'three'相关推荐

Python：numpy实现生成随机数，忽略warnings
''' 作者:Dust ''' # 生成随机数:numpy下的random import numpy as npy import warnings warnings.filterwarnings(&q ...
warnings.warn(f“Pass {args_msg} as keyword args. From version
warnings.warn(f"Pass {args_msg} as keyword args. From version FutureWarning: Pass threshold=18 ...
warnings.filterwarnings(ignore)
参考 https://blog.csdn.net/tefuirnever/article/details/94122670 在python中运行代码经常会遇到的情况是--代码可以正常运行但是会提示警告 ...
golang 编译运行出错：imported and not used: log
[问题] 使用代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 package main import ( "f ...
cannot import name 'imresize'. The package prm under namespace prm could not be imported
cannot import name 'imresize'. The package "prm" under namespace "prm" could not ...
python脚本忽略MySQLdb的warnings
一.前言这是在执行python脚本的时候遇到的bug,疯狂的报warnings警告,一坨一坨的,看着实在不雅观,so,还是解决一下比较好.本篇主要讲述的是错误的发现以及如何忽略warnings警告. ...
python运行不了、显示警告_Python中偶尔遇到的细节疑问（二）：UnicodeDecodeError，警告与忽略警告warnings...
1. 使用base64解码时,出现:UnicodeDecodeError: 'utf-8' codec can't decode byte 0xed in position 21: invalid c ...
TimesTen Warnings and Errors - TT0400 to TT9999 [IDnbsp (
TimesTen Warnings and Errors - TT0400 to TT9999 [ID&nbsp ( 转载于:https://www.cnblogs.com/jing1617/ ...
VTK：开发Warnings实例
VTK:开发Warnings实例 VTK:开发Warnings实例代码 Warnings.cxx CMakeLists.txt VTK:开发Warnings实例代码 Warnings.cxx #i ...

warnings (imported as 'THREE') was not found in 'three'

warnings (imported as 'THREE') was not found in 'three'相关推荐

最新文章

热门文章