Store.subscribe: TypeError: __webpack_require __. I (...) не является функцией - PullRequest
Новая
       24

Store.subscribe: TypeError: __webpack_require __. I (...) не является функцией

0 голосов
/ 15 мая 2018

Я хотел реализовать метод «подписки» Redux для автоматического сохранения определенных изменений состояния в localalstorage, как Дан Абрамов объясняет в этом видео: Сохранение состояния в локальном хранилище

Iсделал так же, как в видео, но я получаю ошибку: 

TypeError: __webpack_require__.i(...) is not a function

И проект не загружается.Ошибка указывает на функцию store.subscribe, которая есть у меня в файле store.js.Вы видите что-нибудь не так здесь?Что-то в неправильном порядке или что-то?

Вот файл store.js (кроме других импортов): 

import {throttle} from 'lodash/throttle';

const sagaMiddleware = createSagaMiddleware();
const logger = createLogger({
    collapsed: true,
});

const middlewares = [
    sagaMiddleware,
    routerMiddleware(history),

]; 

const enhancers = [
    applyMiddleware(...middlewares)
]; 

const composeEnhancers = 
    process.env.NODE_ENV !== 'production' &&
    typeof window === 'object' &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : compose;


const persistedState = loadState();

const store = createStore(
    reducers, 
    persistedState,
    composeEnhancers(...enhancers)
);

store.subscribe(throttle(() => {
    saveState({
        cart: store.getState().cart
    });
}), 1000);

sagaMiddleware.run(rootSaga);

export default store;

Если я закомментирую блок store.subscribe, ошибка исчезнет 

// store.subscribe(throttle(() => {
//  saveState({
//      cart: store.getState().cart
//  });
// }), 1000);

Store.js импортируется в «index.js» и помещается в провайдера: 

 <Provider store={store}>

«reducers» (в методе createStore) - это файл, в котором объединены все редукторы (сcombReducers).

Файл "localStorageHanding", который я назвал иначе, чем в примере с Абрамовым, был конфликт с файлами, которые импортируют "localStorage", однако я не думаю, что localStorage нужно импортировать, но этоне проблема в любом случае ..).Функции saveState и loadState для localStorageHandling точно такие же, как в видео: 

export const loadState = () => {

    try{

        const serializedState = localStorage.getItem('state');
        if(serializedState === null){
            return undefined;
        }

        return JSON.parse(serializedState);
    }catch(err){
        return undefined;
    }

}


    export const saveState = (state) => {

        try{
            const serializedState = JSON.stringify(state);
            localStorage.setItem('state', serializedState);

        }catch(err){

        }
    }

У меня есть 

"react-redux": "^5.0.3", 
 "react": "^15.5.0",

1 Ответ

0 голосов
/ 15 мая 2018

Следует либо импортировать throttle из основной точки входа как именованный импорт, либо как импорт по умолчанию из lodash/throttle

import { throttle } from 'lodash';

// or

import throttle from 'lodash/throttle';
...