Réception d'une "Tentative d'erreur d'importation:" dans l'application React

Question

Je reçois l'erreur suivante en essayant d'exécuter mon application React:

./src/components/App/App.js Tentative d’erreur d’importation: «combineReducers» n'est pas exporté depuis '../../store/reducers/'.

Voici comment j'exporte combineReducers :

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

export default combineReducers({
    userReducers,
    articleReducers
});

et voici comment je l'importe dans App.js :

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

Qu'est-ce qui ne va pas dans la façon dont j'exporte combineReducers ?

Answer 1

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

devrait être

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

puisqu'il s'agit d'une exportation par défaut et non d'une exportation nommée.

Il y a une bonne ventilation des différences entre les deux ici .

Answer 2

J'ai eu le même problème, mais j'ai juste tapé export en haut et effacé celui par défaut en bas. Faites défiler vers le bas et vérifiez les commentaires.

 import React, { Component } from "react";

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

Answer 3

Ceci est une autre option:

 export default function Counter() {

}