Black Friday Week20% OFF on Nuxt UI Pro until Dec 2nd

TypeScript

Узнайте, как использовать TypeScript с Nuxt Bridge.

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

  • Удалите @nuxt/typescript-build: Bridge предоставляет ту же функциональность
  • Удалите @nuxt/typescript-runtime и nuxt-ts: Nuxt 2 имеет встроенную поддержку 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/tsconfig.json будут перезаписаны опциями, определенными в вашем tsconfig.json.Перезапись опций, таких как "compilerOptions.paths", собственной конфигурацией приведет к тому, что TypeScript не будет учитывать разрешение модулей из ./.nuxt/tsconfig.json. Это может привести к тому, что разрешение модулей, таких как #imports, не будет распознано.В случае, если вам необходимо дальше расширить опции, предоставленные ./.nuxt/tsconfig.json, вы можете использовать свойство alias внутри вашего nuxt.config. nuxi учтет их и расширит ./.nuxt/tsconfig.json соответствующим образом.