Nuxt でThree.jsのnpmモジュールのexamplesフォルダをimportして使いたいがエラーが出る
VueとNuxtを使ったプロジェクトで3Dの描画をしたく、THREE.jsをnpmでインストールして使用したいです。THREEのメインのフォルダはimportできるのですが、examplesフォルダにある機能を読み込もうとすると以下のエラーが出ます。
エラー内容
SyntaxError
Unexpected token {
コード
<template>
</template>
<script>
import * as THREE from 'three'
import { OrbitControls } from
"three/examples/jsm/controls/OrbitControls.js"
export default{
}
</script>
コードは下記公式ドキュメントからコピーしています。
https://threejs.org/docs/index.html#manual/en/introduction/Import-via-modules
THREE.jsのコミュニティーにも質問したんですが、NuxtかVueの問題ではないかと言われてしまいました。よろしくお願いします。