如何使用react-redux解决“无法解析模块”问题？

问题描述

我正在用Expo构建一个本机应用程序，当我执行重构工作时突然突然无法用Expo Client打开我的应用程序，它显示了一个错误

TypeError: (0,_redux.combinReducers) is not a function. (In '(0,_redux.combineReducers)(reducers)','(0,_redux.combineReducers)' is undefined)

经过研究后，我发现导致此问题的原因是与redux导致了相同的文件夹名称，这也是我犯的错误，因此我将文件夹名称更改为“ appRedux”，之后错误消息更改为

Unable to resolve "../../../../src/redux" from "node_modules\react-redux\lib\connect\mapdispatchToProps.js"

我确定我已经按照this solution的说明将我的App组件包装在了Provider中，但是没有运气解决它。

我已经在这里停留了几天，请帮助我解决此问题，如果需要更多信息，请告诉我，任何建议都将受到赞赏。

App.js

import React,{ Component } from 'react';
import Navigation from './src/navigation'
import { Provider } from 'react-redux'
import { getStore,getPersistor } from './src/store/configureStore'
import { PersistGate } from 'redux-persist/integration/react'
import { SafeAreaProvider } from 'react-native-safe-area-context'
import { ApolloProvider } from '@apollo/react-hooks'
import { getClient } from './src/services/GraphQL/Client'

const store = getStore()
const persistor = getPersistor()
const client = getClient()

export default class App extends Component {
  render() {
    return (
      <ApolloProvider client={client}>
        <Provider store={store} >
          <PersistGate persistor={persistor}>
            <SafeAreaProvider>
              <Navigation />
            </SafeAreaProvider>
          </PersistGate>
        </Provider>
      </ApolloProvider>
    );
  }
}

configureStore.js

import { createStore,applyMiddleware } from 'redux'
import { persistStore } from 'redux-persist'
import reducers from '@redux'
import thunk from 'redux-thunk'

const store = createStore(reducers,applyMiddleware(thunk))
const persistor = persistStore(store)

const getPersistor = () => persistor
const getStore = () => store

export {
    getStore,getPersistor
}

Reducers.js

import { combineReducers } from 'redux'
import { persistCombineReducers,persistReducer } from 'redux-persist'
import { AsyncStorage } from 'react-native'

import carts from './carts'
import app from './app'
import user from './user'

const rootConfig = {
    key: 'root',storage: AsyncStorage,blacklist: [
        'app','carts','user'
    ]
}

const appConfig = {
    key: 'app',blacklist: [
        'selectedDate','selectedDateIndex','isFetching','showFilter'
    ]
}

const cartConfig = {
    key: 'carts',blacklist: [
        'isFetching','error'
    ]
}

const userConfig = {
    key: 'user','error','history'
    ]
}

export default persistCombineReducers(rootConfig,{
    app: persistReducer(appConfig,app),carts: persistReducer(cartConfig,carts),user: persistReducer(userConfig,user)
})

解决方法

最后，我通过使用以下方式启动expo客户端来解决此问题

expo start -c

这将通过清除缓存来启动expo应用程序，希望这会帮助遇到相同问题的人

expo react-native react-redux