Vue-Resource + Typescript: Property 'http' does not exist on type 'VueConstructor'

Question

I am working with Typescript on a Vue project which uses vue-resource. The project is working fine, but I am getting a typescript compiler error.

Notice that I am able to use the module using this.$http in my components.

I have checked this, this, and this, answers but none of these helped. Is there a work around for this? Or is there a way to set global options in Vue-Resource with Typescript? Or a way to ignore the error altogether?

[Edit] Workaround (also attached as my answer):

One of the workarounds from @Styx 's comment (Github solution is significantly hacky as I refrain from manually making modifications to vue-resource/types/vue.d.ts), mentioning here anyway.

Use generics and typecast Vue to any, example <any>Vue.http. This however, might result in tslint warning, hence I solved this by using (Vue as any) and then access (Vue as any).http

Have a look at this: https://github.com/pagekit/vue-resource/issues/673#issuecomment-396218657 — Styx, Feb 22 '19 at 17:10
I'd recommend to "Answer your own question" instead of editing it. — Styx, Feb 22 '19 at 17:56

score 4 · Answer 1 · answered Jul 24 '20 at 08:16

4

I think you need to add a new definition file named 'http.d.ts' where your main.ts is located and the following:

import Vue from 'vue';

declare module 'vue/types/vue' {
  interface VueConstructor {
    http: any;
  }
}

This should solve the error.

answered Jul 24 '20 at 08:16

Wahib Kerkeni

566
7
10

score 1 · Answer 2 · answered Feb 22 '19 at 18:52

1

From the comments, I got this link. You can read through, here's a workaround:

Use generics and typecast Vue to any, example <any>Vue.http. This however, might result in tslint warning, hence I solved this by using (Vue as any) and then access (Vue as any).http

answered Feb 22 '19 at 18:52

metamemelord

500
1
7
19

This didn't work for me, the request is never posted. – Jammer Jul 02 '19 at 07:21

Vue-Resource + Typescript: Property 'http' does not exist on type 'VueConstructor'

2 Answers2