1. ホーム
  2. reactjs

[解決済み] reactアプリで「Attempted import error:」を受信する。

2022-04-22 14:09:12

質問

Reactアプリを実行しようとすると、以下のエラーが表示されます。

./src/components/App/App.js

インポートの試行錯誤:'combineReducers'

は '../../store/reducers/' からエクスポートされません。

以下は、私がエクスポートしている方法です。 combineReducers :

import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';

export default combineReducers({
    userReducers,
    articleReducers
});

でインポートしているのはこんな感じです。 App.js :

import { combineReducers } from '../../store/reducers';

のエクスポートの仕方で間違っているのは? combineReducers ?

解決方法は?

import { combineReducers } from '../../store/reducers';

であるべきです。

import combineReducers from '../../store/reducers';

はデフォルトのエクスポートであり、名前付きエクスポートではないためです。

この2つの違いについては、次のような説明があります。 こちら .