bad*_*ode 2 javascript three.js
当我尝试导入 OrbitControls.js 时：
我收到Cannot use import statement outside a module错误
所以，我使用：
<script type="module" src="OrbitControls.js"></script>
但这次我得到：
ReferenceError: OrbitControls is not defined
HTML 正文：
<body>
<div id="page-wrapper">
<h1>Open Spaceport Container (.drc):</h1>
<div>
<input type="file" id="fileInput">
</div>
</div>
<div>
<pre id="decoderType"><pre>
</div>
<div>
<pre id="fileDisplayArea"><pre>
</div>
<script src="https://cdn.rawgit.com/mrdoob/three.js/dev/build/three.min.js"></script>
<script src="DRACOLoader.js"></script>
<script src="geometry_helper.js"></script>
<script type="module" src="OrbitControls.js"></script>
<script>
"use strict"
// Configure decoder and create loader.
var textureLoader = new THREE.TextureLoader();
const loadManager = new THREE.LoadingManager();
...
您将 ES6 模块与无效的非模块代码混合在一起。这样做：
<script type="module">
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.121.1/build/three.module.js';
import { DRACOLoader } from 'https://cdn.jsdelivr.net/npm/three@0.121.1/examples/jsm/loaders/DRACOLoader.js';
import { OrbitControls } from 'https://cdn.jsdelivr.net/npm/three@0.121.1/examples/jsm/controls/OrbitControls.js';
// your actual app code
// Configure decoder and create loader.
const manager = new THREE.LoadingManager();
const textureLoader = new THREE.TextureLoader(manager);
</script>
我建议您也将自定义转换geometry_helper.js为 ES6 模块。
| 归档时间： |
|
| 查看次数： |
1133 次 |
| 最近记录： |