TypeScript (поддержка)

Использование TypeScript с Nuxt Bridge.

Удаление модулей

  • Удалите @nuxt/typescript-build: Bridge даёт ту же функциональность.
  • Удалите @nuxt/typescript-runtime и nuxt-ts: в Nuxt 2 есть встроенная поддержка TypeScript в runtime.

Опция 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, иначе будет ошибка TS5083: Cannot read file '~/.nuxt/tsconfig.json'.В современных проектах Nuxt рекомендуется использовать TypeScript project references вместо прямого расширения .nuxt/tsconfig.json.
Опции из ./.nuxt/tsconfig.json перезаписываются опциями из вашего tsconfig.json. Если переопределить, например, "compilerOptions.paths", TypeScript не учтёт резолвинг из .nuxt/tsconfig.json, и алиасы вроде #imports могут не распознаваться.Если нужно дополнительно расширить опции из .nuxt/tsconfig.json, используйте свойство alias в nuxt.config — nuxi подхватит их и обновит .nuxt/tsconfig.json.