尝试运行我的 React 应用程序时收到以下错误：
./src/components/App/App.js
尝试导入错误：“combineReducers”
未从“../../store/reducers/”导出。
这是我导出的方式combineReducers：
import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';
export default combineReducers({
userReducers,
articleReducers
});
这是我导入它的方式App.js：
import { combineReducers } from '../../store/reducers';
我的导出方式有combineReducers什么问题？
import { combineReducers } from '../../store/reducers';
应该
import combineReducers from '../../store/reducers';
因为它是默认导出，而不是命名导出。
还有的两者之间的差异的良好击穿这里。
我有同样的问题，但我只是export在顶部输入并删除了底部的默认值。向下滚动并查看评论。
import React, { Component } from "react";
export class Counter extends Component { // type this
export default Counter; // this is eliminated
我想我来晚了，但这些信息可能对我发现某些东西的人有用，这可能很简单但很重要。如果您直接在函数上使用导出，即
export const addPost = (id) =>{
...
}
请注意，在导入时，您需要将其包裹在花括号中，即 import {addPost} from '../URL';
但是当使用导出默认值时
const addPost = (id) =>{
...
}
export default addPost,
然后你可以不带花括号导入即
import addPost from '../url';
export default addPost
我希望这可以帮助任何像我一样困惑的人。🙂
这是另一种选择：
export default function Counter() {
}