TypeScript

Настройка TypeScript в Nuxt Bridge, `tsconfig` и подготовка окружения к тестам.

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

  • @nuxt/typescript-build — не нужен: то же даёт Bridge
  • @nuxt/typescript-runtime и nuxt-ts — не нужны: в Nuxt 2 поддержка TypeScript во время выполнения встроена

Установите bridge.typescript

import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {
    typescript: true,
    nitro: false, // Если миграция на Nitro завершена, установите значение true
  },
})

Обновите tsconfig.json

Если вы используете TypeScript, вы можете отредактировать свой tsconfig.json, чтобы воспользоваться автоматически сгенерированными типами Nuxt:

tsconfig.json
{
+ "extends": "./.nuxt/tsconfig.json",
  "compilerOptions": {
    ...
  }
}
Файл .nuxt/tsconfig.json генерируется и обычно не коммитится — его нужно получить перед запуском тестов. Добавьте шаг nuxi prepare перед тестами, иначе TypeScript выдаст TS5083 (не удаётся прочитать ./.nuxt/tsconfig.json).
Любые опции из ./.nuxt/tsconfig.json, которые вы продублируете в корневом tsconfig.json, будут перезаписаны вашим файлом.Если, например, задать свой "compilerOptions.paths", TypeScript перестанет подхватывать разрешение модулей из ./.nuxt/tsconfig.json, и псевдонимы вроде #imports могут не распознаваться.Чтобы расширить базовый tsconfig от Nuxt, задавайте алиасы в nuxt.config (поле alias): nuxi подставит их и дополнит ./.nuxt/tsconfig.json.