More than 3 years have passed since last update.

three.jsでthree.module.jsを使う場合

Last updated at 2019-12-17Posted at 2019-07-31

import * as THREE from '../build/three.module.js';

という風に使うんですが、この時

Uncaught SyntaxError: Unexpected token *　、というエラーが出ることがあります。

このエラーを解決するには、three.jsで書いたコードを囲んでいる
<script>～</script> を
　　　　　　↓
<script type="module">～</script>に変えなければいけません。

また、three.module.jsを使っている場合に

例えば、このURL(https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js)
のOrbitcontrols.jsの機能を使いたいと思った場合は、ちゃんと18行目に書いてある

from "../../../build/three.module.js";

の部分を自分がthree.module.jsを入れた場所へのパスに書き換えましょう。

参考になったと思ったら、いいねお願いします。

three.js関連のコメントも待ってます。