在应用程序中接收"尝试导入错误:"

Question

我在尝试运行我的反应应用程序时收到以下错误:

combineReducers

以下是我导出combineReducers的方法:

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

export default combineReducers({
    userReducers,
    articleReducers
});

这是我如何导入它App.js:

combineReducers

我如何导出combineReducers有什么不对？

Answer 1

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

应该

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

因为它是默认导出,而不是命名导出.

还有的两者之间的差异的良好击穿这里.

Answer 2

我想我来晚了，但这些信息可能对我发现某些东西的人有用，这可能很简单但很重要。如果您直接在函数上使用导出，即

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

请注意，导入时需要将其包裹在花括号中，即 import {addPost} from '../URL';

但是当使用导出默认值时

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

export default addPost,

然后你可以不带花括号导入即 import addPost from '../url';

export default addPost

我希望这可以帮助任何像我一样困惑的人。

Answer 3

我遇到了同样的问题，但是我只是export在顶部输入并在底部删除了默认值。向下滚动并查看注释。

import React, { Component } from "react";

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