导入OribitControls不能处理three.js中的错误
导入OribitControls不能处理three.js中的错误
提问于 2022-07-19 11:31:16
我在localhost中工作，我试图导入“轨道控制()”，但是不知怎么的，它不能工作并且显示错误。错误就在这里
main.js:1 Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1)
这就是我如何在我的main.js中导入轨道控件()
import {OrbitControls} from "./examples/jsm/controls/OrbitControls";
//...there are scene, camera and renderer etc
const controls = new OrbitControls(camera,canvas)
controls.enableDamping = true
function animate() {
requestAnimationFrame( animate );
controls.update();
renderer.setSize(sizes.width, sizes.height);
renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))
renderer.render(scene,camera);
}
animate()这是我的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>만들어보아요.01</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<canvas class="webgl"></canvas>
<script src="./three.min.js"></script>
<script src="main.js"></script>
</body>
</html>这是我的文件夹
someFolder
|
├ -index.html
├ -main.js
├ -three.min.js
├ -style.css
├ -package-lock.json
|
├ -build
| |
| +-three.module.js
|
+-examples
|
+-jsm
|
+-controls
|
+-OrbitControls.js
...我是不是用了'three.min.js‘文件而不是'three.js'？
如果有人给我建议，我会非常感激的。
回答 1
Stack Overflow用户
发布于 2022-07-19 11:35:22
您需要将script的script指定为module，如下所示：
<script src="main.js" type="module"></script>在这里阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73036086
复制相关文章
相似问题
腾讯云开发者
