TypeScriptはじめにNuxtの2.5.xだとnuxt-tsを使う必要がなくなってとても簡単になったので手順まとめ。新規プロジェクトの作成create-nuxt-appで新規プロジェクトを作成。FormatterとPrettierを追加しておく。パッケージマネージャーはお好みで(今回はyarn)。nuxt-ts-sampleこれでプロジェクトの作成は完了。前まではnuxtを除去してnuxt-tsを入れていたが、今は@nuxt/typescriptを追加すればOK。あとついでに@typescript-eslint/eslint-pluginとデコレーターのnuxt-property-decoratorを追加する。@typescript-eslint/eslint-plugintsconfig.jsonを追加tsconfig.jsonがあることでプロジェクトにTypeScriptが使われていると判断される。必要な設定は自動で追加されるので自分で設定内容を作っておく必要はない。設定値なしで作成して一度起動しておく。設定値追加が目的なので起動後は終了していい自動で設定される設定値はここ参照。}Nuxtの設定ファイルをTypeScriptに変更この状態で動くのだが、せっかくなのでnuxt.config.jsをnuxt.config.tsにして余計なjsファイルを減らしておく。nuxt.config.tsそしてwebpackの型定義が必要になるのでパッケージを追加し、tsconfig.jsonにも追記を行う。]あとはnuxt.config.tsの内容を修正。importの指定を修正。'./package.json'あとはWebpackの拡張設定であるextendを修正。/\.(js|vue)$/,ただこのままだとpackage.jsonのimportが怒られるのでtsconfig.jsonでresolveJsonModuleを設定しておく。</script>起動してみる特に問題なく設定されているならこれでちゃんと起動するはず。0.32.10)月別アーカイブはてなブログをはじめよう!b7472さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。