@postya

Почему появляется ошибка unknown action type?

Приложение на Nuxt.
Использую axios и vuex.
Пытаюсь сделать запрос на url, но получаю ошибку:

5f81c560e3811681797689.jpeg
файл vuex'a news.js:

import { NuxtAxiosInstance as $axios } from '@nuxtjs/axios'


export const state = () => ({
  news: []
})

export const actions = {
  async GET_NEWS_FROM_API ({commit}) {
    const news = await this.$axios.$get('http://icanhazip.com')
    commit('SET_NEWS_TO_STATE', news)
  }
}

export const mutations = {
  SET_NEWS_TO_STATE: (state, news) => {
    state.news = news;
    console.log(news)
  }
}

}

Компонент, в котором вызываю mapActions news.vue:

import { mapActions } from 'vuex';

methods: {
    ...mapActions(['GET_NEWS_FROM_API']),
  },
  mounted() {
    this.GET_NEWS_FROM_API()
  },
  • Вопрос задан
  • 740 просмотров
Решения вопроса 1
Gimir
@Gimir
JavaScript dev
Вы не указываете полный путь к экшену, в nuxte если использовать такой подход они бывают приватными и надо указывать полный путь.
Вот так должно работать:
...mapActions({GET_NEWS_FROM_API: 'news/GET_NEWS_FROM_API'}),
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:25
2000 руб./за проект
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект