WordPress5から搭載されたの新しいビジュアルエディターGutenberg(グーテンベルク)。Gutenbergは、「ブロック」を使って、見出し、文章、画像などの要素を組み合わせて直感的に作成することができ、 HTMLの知識がなくともリッチなページを簡単に作成できるツールである。
Gutenbergにはデフォルトでも最低限必要な様々なブロックが用意されている。
さらにRelationのようなオリジナルのテーマで制作しているサイトの場合は、サイトのデザインや用途に合わせて、オリジナルのブロックを追加するプラグインを開発することができる。
この記事ではComposerやNode.js、npmなどを使用した開発環境でnpm run buildコマンド実行時にエラーがでる場合の対処法を紹介します。このやり方は開発環境を移行する場合などの開発環境の再構築が必要な場合にも有効です。
1. プラグインフォルダのcomposer installを実行時にできるVenderフォルダを削除する。
2. npm installコマンド実行時にできるnode_modulesをフォルダごと削除する。
3. 新しい開発環境にて再度composer installを実行しVenderディレクトリを再構築。
4. 同様に新しい環境にて再度npm installコマンドを実行しnode_modulesディレクトリを再構築。
5. npm run buildを実行してビルドできるか確認する。