Import not working with JavaScript in PhpStorm/Webstorm

javascript ecmascript-6 phpstorm webstorm
user3089840 picture user3089840 · Mar 29, 2016 · Viewed 30.4k times · Source

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?

Answer

Naftali aka Neal picture Naftali aka Neal · Mar 29, 2016

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

Related questions

"Cannot resolve symbol" when using ES6 `import` syntax

Here an example is given how to import certain classes from a module: import {ModalContainer, ModalDialog} from 'react-modal-dialog'; However, PhpStorm (latest EAP) gives me an error: I installed the package with npm install react-modal-dialog and it is present in node_…

Read More
What's the difference between using "let" and "var"?

ECMAScript 6 introduced the let statement. I've heard it that it's described as a local variable, but I'm still not quite sure how it behaves differently than the var keyword. What are the differences? When should let be used instead of …

Read More
"Uncaught SyntaxError: Cannot use import statement outside a module" when importing ECMAScript 6

I'm using ArcGIS JSAPI 4.12 and wish to use Spatial Illusions to draw military symbols on a map. When I add milsymbol.js to the script, the console returns error Uncaught SyntaxError: Cannot use import statement outside a module` so I …

Read More