Почему я получаю сообщение «Reducer [] вернул неопределенное значение во время инициализации», несмотря на предоставление initialState для createStore()?

Аргумент initialState в createStore() часто сбивает людей с толку. Это никогда не предназначалось для «инициализации» состояния вашего приложения вручную. Единственными полезными приложениями для него являются:

• Загрузка приложения, отображаемого сервером, из полезных данных состояния JSON.
• «Возобновление» приложения из состояния, сохраненного в локальном хранилище.

Подразумевается, что вы никогда не пишете initialState вручную и в большинстве приложений даже не используете его. Вместо этого редукторы всегда должны указывать свое собственное начальное состояние, а initialState — это просто способ предварительного заполнения этого состояния, когда у вас есть существующая сериализованная версия.

Итак, этот ответ правильный: вам нужно определить начальное состояние в вашем редукторе. Предоставления его createStore() недостаточно, и он не предназначен для определения начального состояния в коде.

У меня была такая же ошибка, но я не включил случай по умолчанию

function generate(state={} ,action) {
  switch (action.type) {
    case randomNumber:
      return {
        ...state,
        random: action.payload
      }   
    default: // need this for default case
      return state 
   }
}

Кроме того, убедитесь, что вы возвращаете состояние по умолчанию последним в редюсере. Иногда вы можете забыть убедиться, что это значение по умолчанию для вашего оператора switch (при рефакторинге и перемещении кода).

...
 default:
  return state

Когда ваши редукторы вызываются в первый раз, состояние не определено. Затем вы должны вернуть исходное состояние (об этом говорит вам сообщение об ошибке). Обычный способ определения начального значения состояния — установить значение по умолчанию для параметра состояния:

function postsBySubreddit(state = {}, action) {}

У вас есть начальное состояние в функции posts, но оно не вызывается во время инициализации.

Я столкнулся с той же проблемой, потому что случайно переопределил state внутри своего редуктора:

const initialState = {
  previous: true,
  later: true
}

const useTypeReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'TOGGLE_USE_TYPES':
      let state = Object.assign({}, state);   // DON'T REDEFINE STATE LIKE THIS!
      state[action.use] = !state[action.use];
      return state;

    default:
      return state;
  }
}

export default useTypeReducer;

Чтобы решить проблему, мне нужно было воздержаться от переопределения состояния:

const initialState = {
  previous: true,
  later: true
}

const useTypeReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'TOGGLE_USE_TYPES':
      let _state = Object.assign({}, state);   // BETTER
      _state[action.use] = !state[action.use];
      return _state;

    default:
      return state;
  }
}

export default useTypeReducer;

согласно документации redux: https://redux.js.org/basics/reducers

вам нужно вернуть состояние вне функции переключателя следующим образом:

 function posts(state=initialState,action) {
  switch (action.type) {
    case INVALIDATE_SUBREDDIT:
      return state.merge({
        didInvalidate: true
      })
    case REQUEST_POSTS:
      return state.merge({
        isFetching: true,
        didInvalidate: false
      })
    case RECEIVE_POSTS:
      return state.merge({
        isFetching: false,
        didInvalidate: false,
        items: action.posts,
        lastUpdated: action.receivedAt
      })
    default:
      return state 
    }

//here you should put the return state
return state
}

tl;dr

Убедись, что:

• На самом деле вы передаете данные своему редюсеру через создателя действия/действия!
• Редуктор не возвращает undefined.

Пример

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_DATA':
      debugger // Place a breakpoint for investigation
      const result = update(state, {$set: action.data});
      // `result` is `undefined` if `action.data` is too
      return result;
    default:
      return state;
  }
}

В этом случае, если вы случайно передадите undefined в action.data через создателя действия, тогда react-addons- update вернет undefined из этой переменной. Поскольку это перезаписывает все состояние редуктора, он вернет тот undefined, который вызовет ошибку.

Отладка

Вы можете отладить это, изучив эти места:

• Где редуктор создает новое состояние. Поместите точку останова в эту часть, чтобы убедиться, что вы не получите и не вернете undefined там.
• Где данные передаются создателю действия.

убедитесь, что у вас есть состояние по умолчанию в конце, например так

...
default:
  return state;

В моем случае я использую React + typescript, поэтому у меня была эта ошибка

Если состояние, переданное редюсеру, не определено, вы должны явно вернуть начальное ›состояние. Начальное состояние не может быть неопределенным. Если вы не хотите устанавливать значение для этого редьюсера, вы можете использовать null вместо undefined.

А проблема была в том, что мой редуктор был таким (упрощу):

export const authReducer = (state : {}, action: ActionType) => {}

и это должно было быть

export const authReducer = (state = {}, action: ActionType) => {}

export const authReducer = (state = {}, action: ActionType) => {}

Не ставьте ':' после того, как это вызывает ошибку, вместо этого поставьте знак равенства '=' после того, как вы инициализируете состояние в параметре authReducer