WebStorm：JavaScript中的import / export语句

Question

我正在使用WebStorm和它的新手。当我使用导入/导出语句时，它会给我一个错误

Unexpected token import

但如果我尝试使用 require / module.exports ，它就可以正常使用。

N.B-我已经从语言和框架中将语言版本配置为ES6。

Answer 1

这不是WebStorm，而是Node.js失败。虽然import是ES6的一部分，但Node.js中对ES6模块的本机支持非常有限，需要特殊设置 - 请参阅https://nodejs.org/api/esm.html#esm_enabling。因此，您必须首先使用Babel编译代码。通常，转换是构建过程的一部分（使用Gulp，Grunt，WebPack等）。或者，您可以通过将-r babel-register传递给Node.js来实时转换代码。当然，您需要创建适当的.babelrc并安装所需的模块（npm install --save-dev babel-cli babel-preset-env）