Reactjs React无法从directory/index.js导出文件，而是查找directory.js

我正在开发基本的反应应用程序，并遵循这一点

下面是项目目录（/opt/rqt/）中的文件夹结构

/src/index.js 但当运行npm start时，浏览器中会出现以下错误

未能编译。/src/reducers.js模块生成失败：错误： enoint：没有这样的文件或目录，打开“/opt/rqt/src/reducers.js” 错误（本机）

为什么只查找文件名reducers.js而不查找reducers/index.js

还尝试附加

/reducers/

，但不起作用

---

这里的问题是什么？

我在开始使用React时遇到了类似的问题。显然，这是由React DOM中的错误引起的。有一个类似的例子

我所做的是终止进程并重新安装依赖项（

npm install

）

然后，它与代码一起工作：

/src/reducers/index.js

export default combineReducers({
    // Some Code Here
})

然后，您可以在App.js或index.js中轻松导入它：

import rootReducer from "../reducers"

---

因此，您可以用您喜欢的任何名称替换

rootReducer

。

您是否尝试过：从“/reducers/index.js”导入reducer是的。但它给出了不同的错误：在初始化过程中，Reducer“todos”返回未定义。如果传递给减速器的状态未定义，则必须显式返回初始状态。初始状态可能不是未定义的。如果不想为此减速器设置值，可以使用null而不是undefined。我知道它现在指向正确的文件，但我的问题是为什么它不能自动导航？我记不清了。下面是我的示例，当添加

/

作为

从./reducers/

导入reducer时，所讨论的树结构在src foldernow内部工作正常。

import { combineReducers } from 'redux'
import todos from './todos'
import visibilityFilter from './visibilityFilter'
const todoApp = combineReducers({
    todos,
    visibilityFilter
});

export default todoApp

export default combineReducers({
    // Some Code Here
})

import rootReducer from "../reducers"