Q&A
JavaScriptで立体を作成する過程でthree.jsからTrackballControlsをインストールして解凍しました。
そこからhtmlファイルを使って起動しようとしたのですが、1行目のimportで『cannot use import statement outside a module』というエラーが出て開けませんでした。
中身は何も弄っていないのでなぜ使用不可なのかよく分かりません。
どなたか教えていただけませんか？
Trackballcontrol.jsが開けない
再インストール・再解凍
import 文を含む JS を HTML から読み込むときは、 <script src="..." type="module"></script> のように type="module" 属性を付けてください。
@Hiromi1623
Questioner
@Hiromi1623
Questioner
特にこだわりがないのであれば、公式リファレンス通りにCDN経由でモジュール展開してみてはいかがでしょうか？
https://threejs.org/docs/index.html#manual/ja/introduction/Installation
以下リファレンスから引用
CDNや静的ホスティングからインストールをする
<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://unpkg.com/three@0.149.0/build/three.module.js"
}
}
</script>
<script type="module">
import * as THREE from 'three';
const scene = new THREE.Scene();
</script>
@Hiromi1623
Questioner
@Hiromi1623
Questioner