如何解决如何使用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应用程序,希望这会帮助遇到相同问题的人
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。