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