Javascript 巴贝尔没有'；好像不行

我有一个内置于WebStorm 2016.2.2、Node.js 6.6.0和TypeScript 1.8的项目

出于某些原因，这里指定了：，我需要使用Babel

我已经安装了Babel和Babel-preset-es2015，并添加了一个文件监视程序，但仍然出现“意外令牌导入”错误。看起来巴贝尔不工作了

1） 为了将我的js文件传输到ES5，我是否需要执行其他操作

2） 在WebStorm设置中，我应该将“JavaScript语言版本”设置为什么版本的ES

3） Babel应该像TypeScript编译器一样生成另一个输出文件吗

我们将非常感谢您的帮助

1）在项目的根目录中创建一个名为

.babelrc

的文件，包含以下内容：

{
  "presets": ["es2015"]
}

仅安装es6预设是不够的，您必须告诉巴贝尔使用该预设。供参考：

2） 尝试设置ECMAScript 6

1）在项目的根目录中创建一个名为

.babelrc

的文件，其内容如下：

{
  "presets": ["es2015"]
}

仅安装es6预设是不够的，您必须告诉巴贝尔使用该预设。供参考：

---

2） 尝试设置ECMAScript 6

以下是适用于我的Babel文件查看器设置：

Arguments: $FilePathRelativeToProjectRoot$ --out-dir $ProjectFileDir$/dist --source-maps  --presets es2015
Working directory: $ProjectFileDir$
Output Paths to Refresh: $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js.map

---

它将文件编译到单独的目录，保留原始文件名，以便

require（）

work；此外，WebStorm可以识别生成的文件，因为一旦编译完成，文件系统就会正确刷新。以下是适用于我的Babel file watcher设置：

Arguments: $FilePathRelativeToProjectRoot$ --out-dir $ProjectFileDir$/dist --source-maps  --presets es2015
Working directory: $ProjectFileDir$
Output Paths to Refresh: $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js.map

---

它将文件编译到单独的目录，保留原始文件名，以便

require（）

work；此外，WebStorm知道生成的文件，因为一旦编译完成，文件系统就会正确刷新。不要对Node.js 6使用

babel-preset-es2015

。这将使您的源代码转换为ES5，而您已经有97%的ES6本机支持，这将导致严重的性能损失。仅仅添加它也不能启用模块转换

---

使用预设或只添加插件。

不要对Node.js 6使用

babel-preset-es2015

。这将使您的源代码转换为ES5，而您已经有97%的ES6本机支持，这将导致严重的性能损失。仅仅添加它也不能启用模块转换

---

使用预设或只是添加插件。

刚刚尝试过，但不幸的是仍然得到相同的错误：-（您如何运行babel？在控制台中尝试，将cd放入应用程序的根目录，然后运行：

babel script.js--out file script compiled.js

（当然您必须更改文件名）。它是否工作？您是否将Webstorm中的javascript语言版本更改为ECMAScript 6？您应该这样做仅供参考，您还可以将.babelrc中的所有设置添加到package.json文件中，如

“babel”：{“presets”：[“es2015”]，“plugins”：[“transform runtime”]}

。全局安装babel，即运行

npm Install-g babel cli

。如果您已经安装了它，可能它不在您的操作系统路径中。有关更多信息，请查看我答案中的链接。如果您在本地安装了它，它将位于项目的

节点模块

目录中。因此，请尝试这样运行：de>node./node_modules/babel cli/bin/babel.js刚刚尝试了它，但不幸的是仍然得到了相同的错误：-（您如何运行babel？请在控制台中尝试，将其cd放入应用程序的根目录，然后运行：

babel script.js--out file script compiled.js

（当然，您必须更改文件名）。它是否工作？您是否将Webstorm中的javascript语言版本更改为ECMAScript 6？您应该这样做仅供参考，您还可以将.babelrc中的所有设置添加到package.json文件中，如

“babel”：{“presets”：[“es2015”]，“plugins”：[“transform runtime”]}

。全局安装babel，即运行

npm Install-g babel cli

。如果您已经安装了它，可能它不在您的操作系统路径中。有关更多信息，请查看我答案中的链接。如果您在本地安装了它，它将位于项目的

节点模块

目录中。因此，请尝试这样运行：de>node./node\u modules/babel cli/bin/babel.js谢谢你的建议！谢谢你的建议！