Изучите Nuxt с коллекцией из 100+ советов!

Nitro

Активируйте Nitro для вашего приложения Nuxt 2 с помощью Nuxt Bridge.

Удалите модули

  • Удалите модуль @nuxt/nitro: Bridge имеет ту же функциональность

Обновите конфигурацию

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {
    nitro: true
  }
})

Обновите ваши скрипты

Вам также потребуется обновить скрипты в файле package.json, чтобы отразить тот факт, что Nuxt теперь будет создавать сервер Nitro в качестве результата сборки.

Установите Nuxi

Установите nuxi в качестве зависимости для разработки:

npm install -D nuxi

Nuxi

Nuxt 3 ввел новую команду Nuxt CLI nuxi. Обновите свои скрипты следующим образом, чтобы воспользоваться лучшей поддержкой от Nuxt Bridge:

{
  "scripts": {
-   "dev": "nuxt",
+   "dev": "nuxi dev",
-   "build": "nuxt build",
+   "build": "nuxi build",
-   "start": "nuxt start",
+   "start": "nuxi preview"
  }
}
Если nitro: false, используйте команды nuxt2.

Static Target

Если вы установили target: 'static' в своем nuxt.config, то вам необходимо убедиться, что вы обновили свой скрипт сборки на nuxi generate.

package.json
{
  "scripts": {
    "build": "nuxi generate"
  }
}

Server Target

Во всех других случаях вы можете использовать команду nuxi build.

package.json
{
  "scripts": {
    "build": "nuxi build",
    "start": "nuxi preview"
  }
}

Исключите папку сборки Nitro из Git

Добавьте папку .output в файл .gitignore.

Убедитесь, что все работает правильно

✔️ Попробуйте запустить nuxi dev и nuxi build (или nuxi generate) чтобы убедиться, что все работает правильно.