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
соответствующим образом.