Не могу импортировать Three.js в Vue с модулями

Question

Я использую Three.js с Vue через Webpack и пытаюсь использовать TrackballControl.js из папки примера модуля npm three .Я читал, как лучше всего это сделать, и обнаружил это решение на Github.

Итак, я сконфигурировал мой код на этом и интерпретировал это как создание файла с именем three.js.С помощью следующего кода:

import * as THREE from 'three'
global.THREE = THREE;

require('three/examples/js/controls/TrackballControls');

module.exports = global.THREE;

И импортируя его следующим образом в мой компонент:

import * as THREE from './three'

Однако теперь я получаю предупреждения

"экспорт" TrackballControls "(импортированный как" ТРИ ") не найден в" ./three "

" экспорт "WebGLRenderer" (импортированный как "ТРИ") не найден в "./three"

"Экспорт" Сцена "(импортирован как" ТРИ ") не найден в" ./three "...

Если я ошибся, любые указатели будут с благодарностью.