Nuxt.jsでFeature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.
今回はNuxt.jsを使用しているときにコンソールに下記のwarningが出たときの対処法についてお伝えしていきます。
Nuxt.jsのバージョンは3.11.2です。
Nuxt.jsでFeature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.
結論を言うとnuxt.config.jsなどに下記のような定義を入れると私の場合はwarningが出なくなりました。
メンテナンスされなくなった @vue/cli-serviceをWebpackで使用している場合、ツールがこの機能フラグのデフォルトを定義していないことが原因でコンソールにwarningが起こるようです。
自分で明示的に定義してあげれば、ひとまずwarningが出ることは抑えられます。
終わりに
今回はNuxt.jsを使用しているときにコンソールに冒頭のようなwarningが出たときの対処法についてお伝えいたしました。
ディスカッション
コメント一覧
まだ、コメントがありません