Vuex + Typescript

Question

I am converting a JavaScript project to TypeScript. However I am getting a type error when trying to make Vue use Vuex.

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

It looks like the problem is that vuex does not provide type definitions like vuejs does?

Because I also have to set

"allowSyntheticDefaultImports": true

in my tsconfig.json.

How can I solve this problem and make Vue.use accept Vuex as the correct type?

@scokmen not manually if that is an additional step. @types/vuex does not appear to be a repository. Have you tried installing types for vuex? — Schoening
– Schoening, Commented Aug 2, 2017 at 13:24
I did not try. There should be a types directory in "node_modules/vuex". Is it missing? — user4841119
– user4841119, Commented Aug 2, 2017 at 14:32
No, types are there. But then it does not seem to use them automatically? — Schoening
– Schoening, Commented Aug 3, 2017 at 6:10
Oh, now I see! I only had to copy them into my working directory. Thank you! Do you want to write this as an answer to collect some of those sweet sweet internet points? — Schoening
– Schoening, Commented Aug 3, 2017 at 6:17

Schoening · Accepted Answer · 2017-10-31 05:13:40Z

3

I wish I had an better answer, but I ended up deleting node_modules and reinstall them. It appeared to be a mismatch between versions.

Vue / Vuex own typings did take care of everything after I ran a quick package install and upgrade.

answered Oct 31, 2017 at 5:13

Schoening

3844 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1