语法错误：意外的令牌“<”

问：

我使用jQuery文件，我想为Gutenberg创建一个新的元框。

但是当我添加代码以创建它时，我得到了：

Uncaught SyntaxError: Unexpected token '<'

在这里，我尝试添加代码：

const { registerPlugin } = wp.plugins;
const { PluginDocumentSettingPanel } = wp.editPost;

const MyDocumentSettingTest = () => (
    <PluginDocumentSettingPanel className="my-document-setting-plugin" title="My Panel">
        <p>My Document Setting Panel</p>
    </PluginDocumentSettingPanel>
);

我在哪里可以毫无错误地添加此代码？

我将 Gulp 3 与 .我不知道这是否相关。gulp-uglify-es