Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 07.12.2019
Сообщений: 316

React middleware error

09.08.2024, 00:27. Показов 942. Ответов 2

Студворк — интернет-сервис помощи студентам
тут проект с ошибкой - https://github.com/SashaMaksyutenko/payShopReact
Подскажите пожалуйста как исправить ошибку в файле, код которого ниже
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { configureStore } from "@reduxjs/toolkit";
import { combineReducers } from "redux";
import thunk from"redux-thunk";
import storage from "redux-persist/lib/storage";
import { persistReducer } from "redux-persist";
import cart from "./cartSlice"
const reducers=combineReducers({cart});
const config={
    key:'root',
    storage
};
const reducer=persistReducer(config,reducers);
const store=configureStore({
    reducer:reducer,
    devTools:process.env.NODE_ENV !=="production",
    middleware:[thunk]
});
export default store;
ошибка
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
payshop git:(main) ✗ npm run dev
 
> payshop@0.1.0 dev
> next dev
 
  ▲ Next.js 14.2.5
  - Local:        http://localhost:3000
  - Environments: .env
 
 ✓ Starting...
 ✓ Ready in 1307ms
 ○ Compiling / ...
 ✓ Compiled / in 539ms (332 modules)
redux-persist failed to create sync storage. falling back to noop storage.
 ⨯ Error: `middleware` field must be a callback
    at configureStore (file:///Users/sashamaksyutenkoadmin/Documents/shopReact2024/payshop/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs:564:11)
    at eval (webpack-internal:///./store/index.js:30:79) {
  page: '/'
}
 ✓ Compiled /_error in 72ms (334 modules)
 ⨯ Error: `middleware` field must be a callback
    at configureStore (file:///Users/sashamaksyutenkoadmin/Documents/shopReact2024/payshop/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs:564:11)
    at eval (webpack-internal:///./store/index.js:30:79)
 GET / 500 in 1084ms
вот код с ошибкой
Миниатюры
React middleware error  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
09.08.2024, 00:27
Ответы с готовыми решениями:

Почему CORS-middleware не ставит хедеры для другого middleware в Express?
Упрощенный код: const app = express(); app.use(express.json()); // CORS middleware app.use((req, res, next) => { ...

Error: Objects are not valid as a React child
Имею код import React from "react"; const MyContext = React.createContext({ context: {}, updateContext: (context:...

Frontend Flutter/React/React Native software developer (remote)
Всем привет, начинаю раскидывать резюме и искать работу заранее :) Если кому будет интересно, пишите. Пока уйти не готов т.к. нужно...

2
 Аватар для voraa
1264 / 1230 / 180
Регистрация: 21.01.2024
Сообщений: 5,661
09.08.2024, 07:28
Так там же написано

`middleware` field must be a callback

Должна быть указана функция.
0
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
09.08.2024, 09:25
Из документации

If you're using our official Redux Toolkit package as recommended, there's nothing to install - RTK's configureStore API already adds the thunk middleware by default.

Sasha_1987, В переводе на русский ничего ставить и подключать дополнительно не нужно чтобы redux-thunk работал если уже установлен redux-toolkit,redux-thunk часть пакета redux-toolkit, а redux-toolkit у тебя уже установлен.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
09.08.2024, 09:25
Помогаю со студенческими работами здесь

Objects are not valid as a React child (found: TypeError: response[0].includes is not a function). REACT
Всем привет. Создаю страничку на React. Смысл работы примерно таков : пользователь заходит, выбирает из первой таблицы типы аккаунтов->...

Вакансия - Разработчик (Frontend Developer React, React Native)
Требуемый опыт работы: 1–3 года Полная занятость, удаленная работа Обязанности: Участие в командной разработке SaaS-сервисов в...

Посоветуйте практический курс на React redux/ react
Всем привет. Столкнулся с тем, что мне не хватает практики. Подскажите какой практический курс по реакту. типо...

Разница между React и React native
Я хочу начать освоение React для фрондента, но при этом хотел бы иметь возможность писать мобильные приложения. И поэтому у меня вопрос:...

Несовместимость React-Router и React-Bootstrap
Добрый день, Пишу маленький проект и в качестве дизайна решил использовать React-Bootstrap. При создании Навигации сайта использовал...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru