Nhận được "Lỗi nhập đã cố gắng:" trong ứng dụng react

Tôi gặp lỗi sau khi cố chạy ứng dụng React của mình:

./src/components/App/App.js
Lỗi nhập đã cố gắng: 'connectReducers'
không được xuất từ ​​'../../store/reducers/'.

Đây là cách tôi xuất combineReducers:

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

export default combineReducers({
    userReducers,
    articleReducers
});

và đây là cách tôi nhập nó vào App.js:

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

Có gì không chính xác trong cách tôi xuất combineReducers?

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

nên là

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

vì đó là một xuất mặc định và không phải là một xuất được đặt tên.

Có một sự phân tích rõ ràng về sự khác biệt giữa hai điều này ở đây .

tôi đã gặp sự cố tương tự, nhưng tôi chỉ nhập exportở trên và xóa lỗi mặc định ở dưới cùng. Cuộn xuống và kiểm tra các bình luận.

import React, { Component } from "react";

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

Tôi đoán là tôi đến muộn, nhưng thông tin này có thể hữu ích cho bất kỳ ai tôi phát hiện ra điều gì đó, có thể đơn giản nhưng quan trọng. nếu bạn sử dụng xuất trực tiếp trên một hàm, tức là

export const addPost = (id) =>{
  ...
 }

Lưu ý trong khi nhập bạn cần đặt nó trong dấu ngoặc nhọn tức là import {addPost} from '../URL';

Nhưng khi sử dụng mặc định xuất khẩu tức là

const addPost = (id) =>{
  ...
 }

export default addPost,

Sau đó, bạn có thể nhập mà không có dấu ngoặc nhọn, tức là import addPost from '../url';

export default addPost

Tôi hy vọng điều này sẽ giúp bất cứ ai bị nhầm lẫn như tôi. 🙂

Đây là một tùy chọn khác:

export default function Counter() {

}