Why does Nuxt + TypeScript give an error?

Question

typescript

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  data() {
    return {
        tag: this.$route.params.tag
    }
  },
})
</script>

why on $route issues

any
Property '$route' does not exist on type 'Readonly<Record<never, any>> & Vue'.Vetur(2339)

Answer 1

Did you use the instruction or did you just randomly connect TypeScript to Nuxt?
The fact is that Nuxt connects a lot of things implicitly, incl. and router, so TypeScript is unaware that Vueadditional type properties have been added to the type $route. It is necessary to connect declarations separately manually, or follow the instructions above.