Reactのreducer周りのファイル読み込みに失敗する

Question

エラーの解消方法を知りたい

最近、reactを勉強し始めた初学者です。
インポートかエクスポートがうまくできないので、どうすれば良いか知りたいです。

Failed to compile
./src/reducers/index.js
Attempted import error: './userReducer' does not contain a default export (imported as 'userReducer').

// src/reducers/index.js
// src/reducers/userReducer.js
import { combineReducers } from 'redux'
import userReducer from './userReducer';

export default combineReducers({
    user: userReducer
});

追記

// src/reducers/postReducer.js

import { FETCH_POSTS, NEW_POST, SING_IN, SING_OUT } from '../types';
import initialState from './initialState';

export default function posts(state = initialState, action) {
  switch (action.type) {
    case FETCH_POSTS:
      return {
        ...state,
        items: action.payload
      };
    case NEW_POST:
      return {
        ...state,
        item: action.payload
      };
    default:
      return state;
  }
}

// src/reducers/userReducer.js
import { FETCH_POSTS, NEW_POST, SING_IN, SING_OUT } from '../types';
import initialState from './initialState';

export default function user(state = initialState, action) {
  switch (action.type) {
    case SING_IN:
      return {
        ...state,
        ...action.payload
      };
    case SING_OUT:
      return {
        ...state,
        ...action.payload
      };
    default:
      return state;
  }
}

// src/reducers/initialState.js

const initialState = {
  items: [],
  item: {},
  user: {
    isSignedIn: false,
    firstName: "",
    lastName: "",
    userId: "",
    address: {
      zipCode: "",
      stateName: "",
      city: "",
      line: "",
      line2: "",
      buidingName: ""
    }
  }
};

export default initialState

肝心なファイルの詳細がないという指摘を受けたので、reducerのソースコードとファイルパスを追記させて頂きました。

Answer 1

恐らくuserReducer.js側でexport defaultをしていないのだと思います。
肝心のuseReducer.jsが提示されていないので、以下憶測ですが・・・

export const useReducer = ...

のような書き方をしている場合は

import { userReducer } from './useReducer'

に書き換える、もしくはuseReducer.jsを

const useReducer = ...
export default useReducer;

のようにすればいけると思います。

Comments

[nanase21]

ご教示頂きありがとうございます。
ファイルの中身とファイルパスを追記させて頂きました。
追記したファイルのソースでは一応、自力でエラーは取り除けたのですがこれであっているかについての自信はないです...
やりたいこととしては、reducerをコンテナー毎に分割しようとしています。

[nekoniki]

追記ありがとうございます。
> 追記したファイルのソースでは一応、自力でエラーは取り除けたのですがこれであっているかについての自信はないです...
> やりたいこととしては、reducerをコンテナー毎に分割しようとしています。
initialStateの構成に対応してreducerを分けるということですよね(userの他にitemsやitemに対応するreducerもあると推察します)。
この方式で問題ないかと思います。