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