nuxt instance unavailable

И снова Nuxt. Говорю о нем часто, потому что работаю с ним постоянно и каждый раз открываю для себя что-то новое.

У накста есть свой контекст, который вызывается через nuxtApp. Как правило, он идет аргументом при использовании defineNuxtComponent, defineNuxtPlugin, defineNuxtRouteMiddleware. Его так же можно вызвать в script setup через $nuxtApp.

В чем суть?

Накст использует авто-импорты своих встроенных компонентов и нужно через этот контекст и его нужно учитывать. Особенно проблемы могут возникнуть при использовании SSR, если некорректно использовать импорты компонентов. Накст просто не будет знать, что это за компоненты.

Если вы получаете ошибку 500 Nuxt instance unavailable мои рекомендации следующие:

• Если вы работаете с useCookie, убедитесь что вы их не инициализируете в server. Это сразу будет ломать приложение в неожиданных местах.
• Не используйте Nuxt composables внутри $fetch. $fetch работает на библиотеке ofetch, которая в свою очередь использует Node.js. Инициализируйте снаружи, если вам нужно передать или изменить какие-то данные.
• Shared. Используйте эту папку для разделения хозяйства с клиента и с сервера. Я по своей ошибке переносил некоторые компоненты из клиента и получал ошибку накста.