TypeScript
Nuxt BridgeでTypeScriptを使用する方法を学びましょう。
モジュールの削除
@nuxt/typescript-build
の削除:Bridgeは同じ機能を提供します@nuxt/typescript-runtime
とnuxt-ts
の削除:Nuxt 2には組み込みのランタイムサポートがあります
bridge.typescript
の設定
import { defineNuxtConfig } from '@nuxt/bridge'
export default defineNuxtConfig({
bridge: {
typescript: true,
nitro: false // If migration to Nitro is complete, set to true
}
})
tsconfig.json
の更新
TypeScriptを使用している場合は、tsconfig.json
を編集して、自動生成されたNuxt型を利用できます
tsconfig.json
{
+ "extends": "./.nuxt/tsconfig.json",
"compilerOptions": {
...
}
}
.nuxt/tsconfig.json
は生成され、バージョン管理にチェックインされないため、テストを実行する前にそのファイルを生成する必要があります。TS5083: Cannot read file '~/.nuxt/tsconfig.json'
が表示されないように、テストの前にnuxi prepare
をステップとして追加してください。./.nuxt/tsconfig.json
から拡張されたすべてのオプションは、tsconfig.json
で定義されたオプションによって上書きされることに注意してください。"compilerOptions.paths"
などのオプションを独自の構成で上書きすると、TypeScriptは./.nuxt/tsconfig.json
からのモジュール解決を考慮しなくなります。これにより、#imports
などのモジュール解決が認識されなくなる可能性があります。./.nuxt/tsconfig.json
によって提供されるオプションをさらに拡張する必要がある場合は、nuxt.config
内でalias
プロパティを使用できます。nuxi
はそれらを拾って./.nuxt/tsconfig.json
を適切に拡張します。