Question

我的Babel文件查看器在PhpStorm中出现以下编译错误：

    cmd.exe /D /C call "C:/Program Files/nodejs/babel.cmd" wp-content\plugins\scorch_gutenberg\blocks.js --out-dir dist --presets=es2015
SyntaxError: wp-content/plugins/scorch_gutenberg/blocks.js: Unexpected token (12:15)
  10 | 
  11 |     edit() {
> 12 |         return <p style={ blockStyle }>Hello editor.</p>;
     |                ^
  13 |     },
  14 | 
  15 |     save() {

Process finished with exit code 1

从本质上来说，它似乎无法识别ES6语法。我已经按照Babel网站安装了es2015预设，我看到的唯一错误是这个Synax，所以不确定我是否确实是一个PHP开发人员，是否会遗漏一些明显的东西。

任何帮助都是非常棒的，或者如果任何其他人拥有最新版本的PhpStorm并为此目的安装了编译器。

Answer 1

它无法识别JSX语法（return <p style={ blockStyle }>Hello editor.</p>是JSX）。您需要安装babel-preset-react并将其添加到预设

使用Babel（PhpStorm）的ES6 Transpile错误

1 个答案: