如何从基于 react redux 的节点模块中导出 reducer答案

【问题标题】：How to export a reducer from a react redux based node module如何从基于 react redux 的节点模块中导出 reducer
【发布时间】：2017-01-24 19:27:18
【问题描述】：

我有一个项目需要从外部节点模块导入组件，项目和组件都使用 React 和 Redux，我希望它们共享同一个存储。

这是一个node模块组件reducer的示例：

export default function search(state = INITIAL_STATE, action) {
switch (action.type) {
    case SET_SEARCH_STRING:
        return state.set("searchString", action.searchString);
    case SET_SEARCH_TYPE:
        return state.set("searchType", action.searchType);

这是节点模块中组件的导出：

var SearchReducer = require("./WebContent/js/reducers/search");
var CollectionsReducer = require("./WebContent/js/reducers/collections");

exports.SearchReducer = SearchReducer;
exports.CollectionsReducer = CollectionsReducer;

这是主项目中的导入

import content from "./content"
    import SearchReducer from "search-ui";
    import CollectionsReducer from "search-ui";

    const REDUCERS = {content, SearchReducer, CollectionsReducer};
    export default combineReducers(REDUCERS);

当我尝试加载页面时出现类型错误

Uncaught TypeError: reducer is not a function - combineReducers.js:37

现在，如果我提供节点模块减速器的直接路径 -

即import collections from "../../../node_modules/search-ui/WebContent/js/reducers/collections";

它工作正常，所以我的问题是，我在导入和导出方面做错了什么？

【问题讨论】：

标签： javascript reactjs npm react-redux

【解决方案1】：

因为它不是默认导出，所以试试这个。

import {SearchReducer, CollectionsReducer} from 'search-ui'

或者，您可以提供完整路径，但不需要使其相对

import SearchReducer from 'search-ui/WebContent/js/reducers/search'
import CollectionsReducer from 'search-ui/WebContent/js/reducers/collections

【讨论】：