Vue-cli: Typescript doesn't recognise plugins

Created on 24 Jun 2018  路  3Comments  路  Source: vuejs/vue-cli

Version

3.0.0-rc.3

Reproduction link

https://github.com/eladcandroid/vue-cli-errors

Steps to reproduce

Create a new project with typescript and linter support
Install axios plugin with "vue ui"
Try to use this.$axios in HelloWorld.vue

What is expected?

No errors

What is actually happening?

Got a lint error - Property '$axios' does not exist on type 'HelloWorld'
(Less important but also got warning errors about semi-colons)

picture eladcandroid

Most helpful comment

@eladcandroid You've probably already solved this but for anyone else who stumbles across this issue you may need to add this shim to get Axios types against this.$axios.

import axios from 'axios';

declare module 'vue/types/vue' {
  interface Vue {
    $axios: typeof axios
  }
}
picture Robula on 1 Oct 2018
❤2 👍1

All 3 comments

That's an issue in the axios plugin, which isn't maintained by us. It needs to account for type shims when used with typescript.

yyx990803 picture yyx990803 on 24 Jun 2018

@eladcandroid You've probably already solved this but for anyone else who stumbles across this issue you may need to add this shim to get Axios types against this.$axios.

import axios from 'axios';

declare module 'vue/types/vue' {
  interface Vue {
    $axios: typeof axios
  }
}
Robula picture Robula on 1 Oct 2018
❤2 👍1

@Robula do you know how to do it for Store?

Property '$axios' does not exist on type 'Store<any>'

benjick picture benjick on 27 Mar 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

DrSensor picture DrSensor  路  3Comments
sanderswang picture sanderswang  路  3Comments
wahidrahim picture wahidrahim  路  3Comments
Akryum picture Akryum  路  3Comments
jgribonvald picture jgribonvald  路  3Comments