Почему getter выдаёт undefined?

Question

[Aleksandr]

Когда запускаю проект вылезает ошибка в функции

return this.getTransportFields.reduce((data, f) => ({ ...data, [f.name]: f.value }), {})

Вылетает она потому, что

console.log(this.getTransportFields) // undefined

getTransportFields() {
    return this.$store.getters['getTransportFields']
},

Вот сам геттер:

getTransportFields(state) {
    return state.FIELDS.formFieldsMap
  },

В state.FIELDS.formFieldsMap данные лежат.

Comments

[amorphine]

точно не вызов должен быть?
console.log(this.getTransportFields())

Answer 1

[0xD34F]

В state.FIELDS.formFieldsMap данные лежат

А точно лежат? - может, не лежат, а подгружаются посредством запроса к базе данных или ещё куда. А пока не подгрузились, FIELDS является пустым объектом, никакого свойства formFieldsMap у него нет. Соответственно, геттер возвращает undefined. Может же такое быть?

UPD. Вынесено из комментариев:

Действительно, а как тогда быть?

Можно заглушку какую-нибудь возвращать, если ничего нет, например:

getters: {
  transportFields: state => state.FIELDS.formFieldsMap || [],
  ...

А лучше - заранее создать в FIELDS нужное свойство, с пустым массивом в качестве начального значения.

Comments

[Aleksandr]

Действительно, а как тогда быть?
Я вызываю action на загрузку в mounted()

[0xD34F]

Дополнил ответ.

[Aleksandr]

0xD34F,

FIELDS: {
    formFields: [],
    dogovorFields: [],
    riskiFields: [],
    tableFields: {}
},

Уже делал

[0xD34F]

В коде, показанном в вопросе, вы вроде бы пытаетесь доставать formFieldsMap. А тут такого нет. Есть formFields - это оно? Забыли дописать Map? Уж разберитесь пожалуйста, что именно вы делали.

Answer 2

[Koteezy]

Попробуйте название геттера без get?