Из-за чего возникает ошибка «unknown mutation type: breadcrumbsPush»?

Question

[Влад ~]

Есть задача при загрузке страницы закидывать в хранилище массив:

breadcrumbs:  [
first:"/"
second:"/organisations/335594c5-f847-5069-ac6f-a4aa2c50af9f/contact"
]

В vuex есть state breadcrumbs: [].
В мутациях делаю вот такую мутация:

breadcrumbsPush(state, data) {
    state.breadcrumbs.push(data)
  },

Вызываю ее в mounted:

this.$store.commit('breadcrumbsPush', this.breadcrumbs);

Но по итогу ничего не происходит и в консоли ошибка unknown mutation type: breadcrumbsPush.
Как это можно исправить и в чем ошибка?

Comments

[Алексей Ярков]

Если отталкиваться от этих скудных кусочков кода, то ошибки быть не должно.
Значит она не здесь.

[Влад ~]

Алексей Ярков, этот проект пришел мне от индусов
и в нем даже если делать как в документации исход такой же
если поможет, то структура vuex такая
store
---- app (action.js, mutation.js, state.js)
----index.js (в нем все собираться в кучу)

[Алексей Ярков]

Влад ~, зачем мне структура? Вангую, что у модуля app не указан namespaced.

[Влад ~]

Алексей Ярков,

export default {
  namespaced: true,
  state,
  actions,
  mutations,
}

[Алексей Ярков]

Влад ~, ну то есть мне теперь надо прям намекать? =) Попробуй так:

this.$store.commit('app/breadcrumbsPush', this.breadcrumbs);

[Влад ~]

Алексей Ярков, спасибо помогло просто не так давно начал работать с vue

[Алексей Ярков]

Влад ~, вынес в ответ. Отметьте, пожалуйста, решением.

Answer 1

[Алексей Ярков]

Перенес комментарий в ответы
Судя по приведённой структуре стора надо вызывать так:

this.$store.commit('app/breadcrumbsPush', this.breadcrumbs);