Блог

У меня эта ошибка, но я не понимаю причины, не могли бы вы подсказать мне?

Ошибка:

Ошибка типа: состояние.categoriesState.push не является функцией

Мой код:

state.js

 export default {
    categoriesState: []
}
  

mutations.js

 export function setCategories(state, category){
    state.categoriesState.push(category);    
};
  

Вызов **VUEX из моего компонента:**

 methods: {
...mapMutations('cat', ['setCategories']),

        addCategoriesToVuex(category){
            this.setCategories(category);
        },
}
  

Скорее всего, ваша переменная categoriesState является объектом, а не массивом. Вы должны сначала проверить это, выполнив консоль typeOf вашей переменной categoriesState.

 export function setCategories(state, category){
      console.log(typeOf(state.categoriesState));
    //state.categoriesState.push(category);    
};
  

Вы можете использовать метод set для добавления нового свойства к объекту в vue.

У меня была та же проблема, это было из-за пакета vuex-persistedstate. Как упоминал @OscarDev, помогло изменение имени переменной. Это потому, что persistedstate сохранил тип переменной, когда вы писали код. Так что очистка кэша persistedstate тоже помогла.