web-dev-qa-db-ja.com

反応アプリで「インポートエラー:」を受信しました

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

./src/components/App/App.js
インポートエラーの試行: 'combineReducers'
は「../../store/reducers/」からエクスポートされません。

次に、combineReducerをエクスポートする方法を示します。

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

export default combineReducers({
    userReducers,
    articleReducers
});

App.jsにインポートする方法は次のとおりです。

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

ComposeReducersをエクスポートする方法の何が間違っていますか?

32
Andrew

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

あるべき

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

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

2つの here の違いには、適切な内訳があります。

64
Colin Ricardo

私は同じ問題を抱えていましたが、一番上にexportと入力し、一番下のデフォルトを消去しました。下にスクロールしてコメントを確認します。

import React, { Component } from "react";

export class Counter extends Component { // type this  
export default Counter; // this is eliminated  
4