# 'Unexpected token {' because of an examples/jsm/ module import

**URL:** <https://discourse.threejs.org/t/unexpected-token-because-of-an-examples-jsm-module-import/18721>\
**Category:** Questions\
**Tags:** webpack, nuxt, modules\
**Created:** [September 15, 2020, 11:03am UTC](https://discourse.threejs.org/t/unexpected-token-because-of-an-examples-jsm-module-import/18721 "2020-09-15T11:03:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![s0up](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s0up/32/13323_2.png) [@s0up](https://discourse.threejs.org/u/s0up)\
**Post date:** [September 15, 2020, 11:03am UTC](https://discourse.threejs.org/t/unexpected-token-because-of-an-examples-jsm-module-import/18721/1 "2020-09-15T11:03:11Z")

</div>

Hi. Could you help me solve this problem [here](https://codesandbox.io/s/dreamy-bhaskara-knfjt?file=/pages/index.vue)(sandbox) at line 10 with importing the threejs module?  
I get the `Unexpected token {` error but only because of this import at line 10:  
`import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js";`

I thought this is [the issue mentioned in this message](https://github.com/mrdoob/three.js/issues/17482#issuecomment-583711187), but I tried to solve this with the webpack settings, as the message says and it doesn’t work.

[This is the webpack settings](https://codesandbox.io/s/dreamy-bhaskara-knfjt?file=/nuxt.config.js:192-271) at nuxt.config.js file:

```javascript
config.externals = /^three/;
config.resolve.mainFields = ["main", "module"];

```