Как создать файл React.js в PhpStorm для WordPress Gutenberg - PullRequest
Новая
       15

Как создать файл React.js в PhpStorm для WordPress Gutenberg

0 голосов
/ 12 сентября 2018

Итак, я учусь тому, как работать с Гутенбергом, и многие из этих руководств показывают их код в .jsx Я полагаю. Я много смотрел вверх, но не уверен, правильно ли я это делаю.

Я попытался использовать файл TypeScript, и когда я вставляю туда код React, он спрашивает, хочу ли я переключиться на формат файла React. Я говорю да, и он создает файл .jsx, который компилируется в файл .js.

Однако код, который я вставляю в WordPress, выдает ошибку:

Недопустимое регулярное выражение: отсутствует /

Я не уверен, правильно ли я настраиваю файлы, или я что-то не так делаю. Я вставил свой код ниже

.JSX 

const { registerBlockType } = wp.blocks;

registerBlockType('base-theme/tile-block', {
    title: "Tile Block",
    icon: 'welcome-write-blog',
    category: 'common',
    edit() {
        return (
            <div>Only the editor will show this</div>
        );
    },
    save() {
        return (
            <div>Only the front end will show this</div>
        );
    }
});

.JS Скомпилировано 

var registerBlockType = wp.blocks.registerBlockType;
registerBlockType('base-theme/tile-block', {
    title: "Tile Block",
    icon: 'welcome-write-blog',
    category: 'common',
    edit: function () {
        return Only;
        the;
        editor;
        will;
        show;
        this < /div>;
    }
});
save();
{
    return Only;
    the;
    front;
    end;
    will;
    show;
    this < /div>;
    ;
}
;
...