

VueとNuxtを使ったプロジェクトで3Dの描画をしたく、THREE.jsをnpmでインストールして使用したいです。THREEのメインのフォルダはimportできるのですが、examplesフォルダにある機能を読み込もうとすると以下のエラーが出ます。

**エラー内容**  
SyntaxError  
Unexpected token {

**コード**

[code]

    <template>
    </template>
    <script>
    import * as THREE from 'three'
    import { OrbitControls } from 
    "three/examples/jsm/controls/OrbitControls.js"
    export default{
    }
    </script>
    
[/code]

コードは下記公式ドキュメントからコピーしています。  
<https://threejs.org/docs/index.html#manual/en/introduction/Import-via-
modules>

THREE.jsのコミュニティーにも質問したんですが、NuxtかVueの問題ではないかと言われてしまいました。よろしくお願いします。


CC BY-SA 4.0
2019-07-16T01:08:28.140
56667
2019-07-16T01:08:28.140
35123
question
vue.js nuxt.js three.js
Nuxt でThree.jsのnpmモジュールのexamplesフォルダをimportして使いたいがエラーが出る