javascript - 错误 : Cannot use import statement outside a module THREE. OrbitControl

Question

我从三个.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);

Answer 1

在线资源，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>