Reactjs “接收”;尝试导入错误:";在react应用程序中
尝试运行React应用程序时,我收到以下错误: /src/components/App/App.jsReactjs “接收”;尝试导入错误:";在react应用程序中,reactjs,redux,Reactjs,Redux,尝试运行React应用程序时,我收到以下错误: /src/components/App/App.js 尝试导入错误:“组合减速机” 不是从“../../store/reducers/”导出的 下面是我导出组合转换器的方法: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; expo
尝试导入错误:“组合减速机”
不是从“../../store/reducers/”导出的 下面是我导出组合转换器的方法:
import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';
export default combineReducers({
userReducers,
articleReducers
});
下面是我在App.js
中导入它的方法:
import { combineReducers } from '../../store/reducers';
我如何从“../../store/reducers”导出
组合还原器
”?导入{combinereducer}有什么不正确的地方代码>
应该是
从“../../store/reducers”导入组合减速机代码>
因为它是默认导出,而不是命名导出
两者之间的差异有一个很好的分类。我也有同样的问题,但我只是在顶部键入了export
,并删除了底部的默认问题。向下滚动并查看评论
import React, { Component } from "react";
export class Counter extends Component { // type this
export default Counter; // this is eliminated
这是另一种选择:
export default function Counter() {
}
我想我要迟到了,但这些信息可能对我发现的任何人都有用,可能很简单但很重要。
如果直接在函数上使用导出,即
export const addPost = (id) =>{
...
}
注意:导入时,需要将其用大括号括起来
i、 e.从“../URL”导入{addPost}代码>
但当使用导出默认值时,即
const addPost = (id) =>{
...
}
导出默认addPost
然后可以导入不带花括号的内容,即。
从“../url”导入addPost代码>
export default addPost
我希望这能帮助像我一样困惑的人 也许我来晚了,但我在组件文件夹中的文件夹中遇到了类似的问题。我用大写字母更改了文件夹的名称。这对我很有用。如果更改导入没有帮助,可能您只需要运行Thread install或npm install(或任何您正在使用的)并重新启动服务器。为我工作。关于差异分解的博客帖子被破坏了,很不幸。我已经用react开始了开发……我真的发现它很有帮助。你已经解释得很好了1.谢谢你这句话很清楚很直白。谢谢