Recibo el siguiente error cuando intento ejecutar mi aplicación React:
./src/components/App/App.js
Intento de error de importación: 'combineReducers'
no se exporta desde '../../store/reducers/'.
Así es como estoy exportando combineReducers
:
import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers });
y así es como lo estoy importando en App.js
:
import { combineReducers } from '../../store/reducers';
¿Qué es incorrecto en la forma en que exporto combineReducers
?
Tuve el mismo problema, pero simplemente escribí export
en la parte superior y borré el predeterminado en la parte inferior. Desplázate hacia abajo y revisa los comentarios.
import React, { Component } from "react"; export class Counter extends Component { // type this export default Counter; // this is eliminated
Supongo que llego tarde, pero esta información podría ser útil para cualquiera. Descubrí algo, que podría ser simple pero importante. si usa exportar en una función directamente, es decir
export const addPost = (id) =>{ ... }
Tenga en cuenta que, al importar, debe envolverlo entre llaves, es decir import {addPost} from '../URL';
Pero cuando se usa la exportación predeterminada, es decir
const addPost = (id) =>{ ... }
export default addPost
,
Luego puede importar sin llaves, es decir import addPost from '../url';
export default addPost
Espero que esto ayude a cualquiera que se haya confundido como yo. 🙂