Configuré mi tienda Vuex y módulos con todos los puntos finales declarados en mis acciones y también conectados a los captadores.
pero mi aplicación devuelve esta compilación de errores.
Ayúdame a comprobar qué puede estar mal.
Tengo esto en mis métodos.
...mapActions('codes', [ 'fetchCode', 'fetchCodes', 'updateCode', 'selectCode', 'setSelectAllState' ]), async fetchData({page, sort}) { let data = { name: this.filters.name ? this.filters.name : null, from_date: this.filters.from_date === '' ? this.filters.from_date : this.filters.from_date, to_date: this.filters.to_date === '' ? this.filters.to_date : this.filters.to_date, orderByField: sort.fieldName || 'created_at', orderBy: sort.order || 'desc', page, } this.isRequestOngoing = true let response = await this.fetchCodes(data) this.isRequestOngoing = false return { data: response.data.result.data, } },Solo devuelve este error en la consola de mi navegador.
[Vue warn]: error en el enlace montado (Promise/async): "TypeError: no se pueden leer las propiedades de undefined (leyendo 'página')"
Busqué en Google este error, revisé mi API varias veces... :(
Mientras tanto el
let response = await this.fetchCodes(data)obtiene sus datos de este extremo (actions.js)
import * as types from './mutation-types' export const fetchCodes = ({commit, dispatch, state}, params) => { return new Promise((resolve, reject) => { window.axios .get(`/api/myendpoint`, {params}) .then((response)=>{ commit(types.FETCH_CODES, response.data.result.data) resolve(response) }) .catch((err)=>{ reject(err) }) }) }También arreglé las mutaciones para conectar con sus estados.