我从三个.js 开始。在尝试实现轨道控制后,我遇到了一些错误。它看起来很简单,但我无法为我的错误找到一个好的解决方案。当我试图实现控制时:var controls = new THREE.OrbitControls(camera, renderer.domElement);
我收到这些错误
Cannot use import statement outside a module and THREE.OrbitControls is not a constructor
在开始一个新脚本之前,我添加了threejs 和 orbitcontrols。我在这里做错了什么?
<script src="scripts/three.js"></script>
<script src="scripts/OrbitControls.js"></script>
<script type="text/javascript">
var scene = new THREE.Scene();
var camera = new
THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x888888,1)
document.body.appendChild(renderer.domElement);
var controls = new THREE.OrbitControls(camera, renderer.domElement);
最佳答案
在线资源,Threejs主机,示例代码
<script type="module">
import * as THREE from 'https://three.ipozal.com/threejs/resources/threejs/r110/build/three.module.js';
import { OrbitControls } from 'https://three.ipozal.com/threejs/resources/threejs/r110/examples/jsm/controls/OrbitControls.js';
import { OBJLoader2 } from 'https://three.ipozal.com/threejs/resources/threejs/r110/examples/jsm/loaders/OBJLoader2.js';
function main() {
.....
</script>
关于javascript - 错误 : Cannot use import statement outside a module THREE. OrbitControl,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58363166/