Vuex Typescript I am getting the error "Member 'someMutation' implicitly has an 'any' type." in the Component.ts file

Question

I am getting the error:

"Member 'someMutation' implicitly has an 'any' type.".

This error appears in my Vue Component in Component.ts file for the mutation, received from Vuex store.

I have the following code in Component.ts:

@WithRender
@Component({
    components: { SomeChildComponent },
})
export default class Component extends Vue {
    constructor() {
        super();
        this.someFunc(this.someComponentMethod);
        // ... some logic
    }
    @Mutation public someMutation;

    private someComponentMethod(str: string) {
        this.someMutation();
    }
}

Code in store for mutations:

const mutations: MutationTree<State> = {
    someMutation(state, name: string): void {
        state.prop = state.prop.filter((el: IEl): boolean => el.name !== name);
    },
};

const c = {
    state,
    getters,
    mutations,
};

const store = new Vuex.Store(c);

I tried some variants like @Mutation public someMutation: void; or @Mutation public someMutation(s: string): void;, but was not successful.

My intention is to solve the issue, not just to turn off the rule NoImplicitAny in tslint.json file.

tony19 · Accepted Answer · 2019-03-16 22:22:44Z

1

Based on the source of someMutation, the method takes a string argument called name, and it returns void, which is typed like this:

(name: string) => void

Since the property is automatically initialized by vuex-class, we can use the definite assignment assertion to avoid the "no initializer" error.

!: (name: string) => void
^

The final result is:

@Mutation someMutation!: (name: string) => void

answered Mar 16, 2019 at 22:22

tony19

140k23 gold badges281 silver badges354 bronze badges

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

2 Comments

Vika Over a year ago

Tony, thank you very much for the answer! This solution is absolutely resolve my issue!) You are Typescript Guru! Thanks again!:)

tony19 Over a year ago

@Vika No problem :)

Collectives™ on Stack Overflow

Vuex Typescript I am getting the error "Member 'someMutation' implicitly has an 'any' type." in the Component.ts file

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related