Vue2で「”export ‘useRouter’ was not found in ‘vue-router’」
今回はVue2を使っていてComposition APIを使用しようとした際に「"export 'useRouter’ was not found in 'vue-router’」というエラーが出てしまったときの対処法についてご紹介いたします。
Nuxt.jsを使用しており、Nuxt.jsのバージョンは2.18.1です。
Vue2で「"export 'useRouter’ was not found in 'vue-router’」
結論から言うとVue2でComposition APIを利用しようとしていることが原因でこのエラーが起こっております。
Vue3では
|
1 |
import { useRouter } from 'vue-router'; |
のようにuseRouterをインポートしようとしてもエラーは出ませんが、Vue2を使用していると表題のようなエラーが出るようです。
useRouterはVue3のvue-routerバージョン4.x以降でサポートされている機能となります。
Nuxt2ではVue2とvue-routerのバージョン3.xをベースにしているため、useRouterの代わりにthis.$routerを使用する必要があります。
終わりに
今回はVue2を使っていてComposition APIを使用しようとした際に「"export 'useRouter’ was not found in 'vue-router’」というエラーが出てしまったときの対処法についてご紹介いたしました。