Question

我正在用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',
    storage: AsyncStorage,
    blacklist: [
        'selectedDate',
        'selectedDateIndex',
        'isFetching',
        'showFilter'
    ]
}

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

const userConfig = {
    key: 'user',
    storage: AsyncStorage,
    blacklist: [
        'isFetching',
        'error',
        'history'
    ]
}

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

Answer 1

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

expo start -c

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

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

1 个答案: