emahiro/b.log

日々の勉強の記録とか育児の記録とか。

Nuxt3 で nuxtCtx.tryUse is not a function を直す

Overview

Nuxt3 の RC8 を使おうとした際に Cannot start nuxt: nuxtCtx.tryUse is not a function というエラーに当たったのでその解消方法についてのメモです。

対処方法

以下の issue に書いてあるがこのエラーの原因は rc6 -> rc7 において互換性がなくなっていたことで、@nuxt/kit を依存に追加することで解消します。

github.com

$ npm install @nuxt/kit

# package.json
{
    "@nuxt/kit": "^3.0.0-rc.8" # 追加
}

これで解消します。

余談

業務上のプロジェクトで上記と同様の手順を行ったら次に Cannot find module '@nuxt/vite-builder' というエラーが発生しました。

これを解消するに以下の issue を参考にして、強制的に vite-builder を追加しました。

$ npm i @nuxt/vite-builder --force

github.com