# GLTFExporter + Vue import error

**URL:** <https://discourse.threejs.org/t/gltfexporter-vue-import-error/39467>\
**Category:** Questions\
**Tags:** vue, gltf-exporter\
**Created:** [June 21, 2022, 8:43am UTC](https://discourse.threejs.org/t/gltfexporter-vue-import-error/39467 "2022-06-21T08:43:01Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![vmontezuma](https://avatars.discourse-cdn.com/v4/letter/v/839c29/32.png) [@vmontezuma](https://discourse.threejs.org/u/vmontezuma)\
**Post date:** [June 21, 2022, 8:43am UTC](https://discourse.threejs.org/t/gltfexporter-vue-import-error/39467/1 "2022-06-21T08:43:01Z")

</div>

Hello!

I am trying to import GLTFExporter into my Vue 2 project, using the latest version from npm.  
Three works fine, but the exporter… not so much.

```javascript
import * as THREE from 'three'
import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter.js'

```

No matter what I do, I get an error of “You may need an appropriate loader to handle this file type.”

the error:

```javascript
Module parse failed: Unexpected token (749:33)
You may need an appropriate loader to handle this file type.
| console.warn( 'THREE.GLTFExporter: Merged metalnessMap and roughnessMap textures.' );
| 
| const metalness = metalnessMap?.image;
| const roughness = roughnessMap?.image;

```

everything else from the examples folder I tested seems to work. I also noticed that this error happens on google model-viewer, and breaks the import as well. anyone knows what might be the problem? Is there a specific loader? I already have file-loader for glb files on my webpack.config.