GLTFLoaderで3Dモデルのインポート＆エラー解決

インポート時のエラー対処内容

main.js内にて

import { GLTFLoader } from './examples/jsm/loaders/GLTFLoader.js';

と記述したところ、ブラウザ デベロッパーツールにて

Uncaught TypeError: specifier “three” は露出していますが、どこにも再マップされていません。モジュール指定の相対パスは “./” または “../”, “/” のいずれかで始まらなければなりません。

のエラー表示。

GLTFLoader.js内の記述を確認すると

} from 'three'

となっており、パスに問題があるよう。

そこで

'../../../build/three.module.js'

とパスを書き換えたところ、問題が解決。