strapiの自作プラグインを左メニューに表示させる方法

2744 ワード
React strapi Node.js HeadlessCMS Plugin Node.js テキストリンク

はじめに

strapiはポストwordpressとして非常に期待しているのですが、日本語の資料が少ないので苦労しており、少しでも参考になればと思います。

今回は、自作したプラグインを管理ページに表示させようとしたところ、yarn developとyarn startで起動した場合にプラグインが表示されない問題が発生したので解決方法を記載しています。

動作環境

  • Mac: MacBookPro macOS Big Sur 11.3.1
  • node: v12.18.3
  • yarn: 1.22.10
  • Strapi v3.6.2

現象を再現するために新規にプロジェクトを作成します。

$ yarn create strapi-app my-project --quickstart

適当にadminユーザーを作成してログインします。

以下のコマンドからプラグインを追加します。

cd my-project/
yarn strapi generate:plugin qiitaPlugin

もう一度起動します。(デフォルトで1337ポートで起動します。)

yarn develop

以下のようにPLUGINSの中に自作したプラグインが表示されません。

一方、8000番ポートで起動する--watch-adminオプションをつけた場合はプラグインの項目が表示されてます。

yarn develop --watch-admin

このプラグインの項目を1337ポートで起動した場合でも表示したいと思います。

解決方法

解決方法は簡単で、プラグイン追加後にbuildを行えば解決しました。

$ yarn strapi build
$ yarn develop

まとめ

まだstrapiを完全に理解してませんが、誰かの助けになれば幸いです。