Import not working with JavaScript in PhpStorm/Webstorm

Question

I'm trying to run a piece of JavaScript code written in a tutorial that looks like this:

main.js

import Vue from 'Vue';
import Alert from './components/Alert.vue';

new Vue({
    el: 'body',

    components: { Alert }
})

However, PhpStorm is giving the following error:

Import declarations are not supported by current JavaScript version

How I can get a newer(?) JavaScript version in PhpStorm? Is that really the problem here?

Naftali · Accepted Answer · 2016-03-29 21:36:59Z

168

In your preferences, change the version of javascript to ECMAScript 6.

answered Mar 29, 2016 at 21:36

Naftali

147k41 gold badges247 silver badges304 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Bryan Miller Over a year ago

Thank you for your answer. PhpStorm is no longer showing an error; however, the Chrome console is displaying this: Uncaught SyntaxError: Unexpected token import - main.js:1 Do you know what is going on here?

Bryan Miller Over a year ago

Actually I believe it is an unrelated error. Thanks again!

nu everest Over a year ago

Now it is asking me whether I want to use Babel to convert from 6 to 5.1.

Naftali Over a year ago

ok... So tell it what you want to do @nueverest yes or no ;-)

mushood badulla Over a year ago

for people needing a step by step File > Settings > Languages & frameworks and the rest is same

|

Collectives™ on Stack Overflow

Import not working with JavaScript in PhpStorm/Webstorm

1 Answer 1

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related