configure babel con WebStorm para usar ES6 con el proyecto WebStorm Node.js

Hola, estoy usando la última versión de WebStorm para trabajar con el trabajo de marcos Node.js (express.js). He configurado mi babel para que pueda usar la syntax ES6 (por ejemplo,

 import express from "express". 

Babel funciona bien, genera el index.js que contiene index.js.map.

El problema es que cuando se ejecuta el proyecto todavía recibo el error

 /usr/local/Cellar/node/7.10.0/bin/node /Volumes/Elements/Learning/Node/Project/NodeWebStorm/bin/www /Volumes/Elements/Learning/Node/Project/NodeWebStorm/routes/index.js:1 (function (exports, require, module, __filename, __dirname) { import express from "express" ^^^^^^ SyntaxError: Unexpected token import at createScript (vm.js:53:10) at Object.runInThisContext (vm.js:95:10) at Module._compile (module.js:543:28) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at Module.require (module.js:498:17) at require (internal/module.js:20:19) at Object. (/Volumes/Elements/Learning/Node/Project/NodeWebStorm/app.js:8:13) Process finished with exit code 1 

Herer es mi proyecto introduzca la descripción de la imagen aquí

Aquí está mi index.js que babel genera. Mira bien, incluso traté de ejecutarlo solo sin error

 'use strict'; var _express = require('express'); var _express2 = _interopRequireDefault(_express); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // let express = require("express"); var router = _express2.default.Router(); /* GET home page. */ router.get('/', function (req, res, next) { // res.render('index', { title: 'Express' }); res.render('newindex', { title: 'Hey', message: 'Hello there!' }); }); router.get('/about', function (req, res) { res.send('what the hell'); }); router.get('/new', function (req, res) { res.json({ "test": "new value" }); }); router.get('/new/path', function (req, res) { res.send("what the new"); }); router.get('/newpath', function (req, res) { res.send('this is new path'); }); router.get('/testpath', function (req, res) { res.send('what the hell'); }); module.exports = router; //# sourceMappingURL=index.js.map 

La plantilla es de node.js express template de webstorm. Cualquiera que sepa como arreglar eso. ¿Necesito añadir algún paso adicional. Gracias

Editar también he cambiado el idioma – framework – javascript a ES6 pero aún error introduzca la descripción de la imagen aquí

actualizar mi configuracion

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

Para aclarar las cosas: su problema no tiene absolutamente nada que ver con WebStorm, el error proviene del intérprete Node.js que ejecuta su código. Node.js aún no admite módulos ES6 de forma nativa (en realidad, ningún tiempo de ejecución de JavaScript los admite actualmente; ECMAScript no define una especificación de “Cargador” que determina cómo se insertan los Módulos en el tiempo de ejecución. WHATWG define la especificación del Cargador, pero aún no se ha finalizado). Por lo tanto, para que se acepten las importaciones / exportaciones de ES6, necesita usar transpilers. El estándar actual de la industria es Babel.

Para hacer que las cosas funcionen, intente lo siguiente:

  • instala babel en tu proyecto usando npm install --save-dev babel-cli babel-preset-env
  • cree un archivo .babelrc en el directorio raíz del proyecto:

    {“presets”: [“env”]}

  • en la configuración de ejecución de Node.js, pase -r babel-register a Node:

introduzca la descripción de la imagen aquí