Vue3+threejs环境搭建（遇到左键旋转无效）

最近学习threejs使用vue3框架搭建环境：

npm i three
 
import * as THREE from "three" //直接引入使用

在引入OrbitControls控制发现在vue3有个问题有点坑，之前旧项目的OrbitControls.js script标签引入发现鼠标左键旋转无效，放缩和右键移动是有效果的。

<script  src="/js/OrbitControls.js"></script>

然后下载最新OrbitControls.js,看里面用的es6语法,是类导出的，旧直接当作es6模块引入了

import { OrbitControls } from "@/utils/OrbitControls"


let controls = new OrbitControls(camera, renderer.domElement) //这个么定义就OK