NuxtでThree.jsのexamplesを使いたいがインポートできない

Question

前提・実現したいこと

Nuxtを使ったwebアプリでthree.jsを使って3Dデータの表示を行なっています。

発生している問題・エラーメッセージ

threeをnpm installして importするところまでは良いのですが、
examplesフォルダのmoduleを利用したい時に、公式ドキュメントに乗っているソースコードだと以下のエラーが出ます。
公式ドキュメント

SyntaxError
Unexpected token {

該当のソースコード

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

export default{

}
</script>

試したこと

OrbitControlsは別のnpm moduleがあったのでそれをインストールして対応できましたが、ほかの使いたい機能のnpm moduleがないので困っています。

補足情報（FW/ツールのバージョンなど）

nuxt2.0.0
threeのバージョンは0.106.2

Answer 1

nuxt.config.js に以下を追記してみて、サーバーを再起動してみてください。

build: {
    transpile: [
      'three'
    ], 
}