首页 文章

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

提问于
浏览 次
1

我正在开发基本的反应应用程序并遵循此github react respository .

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

src/
├── App.css
├── actions.js
├── components
│   ├── App.js
│   ├── Footer.js
│   ├── Link.js
│   ├── Todo.js
│   └── TodoList.js
├── containers
│   ├── AddTodo.js
│   ├── FilterLink.js
│   └── VisibleTodoList.js
├── index.js
├── logo.svg
├── reducers
│   ├── index.js
│   ├── todos.js
│   └── visibilityFilter.js
└── registerServiceWorker.js

/src/index.js

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import App from './components/App'
import reducer from './reducers'
// import todoApp from './reducers' // trial 2
import './App.css'
import registerServiceWorker from './registerServiceWorker';

registerServiceWorker();

const store = createStore(reducer);
// const store = createStore(todoApp); // trial 2

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

/src/reducers/index.js

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

export default todoApp

但是当运行npm start时，它会在浏览器中显示以下错误

无法编译./src/reducers.js模块构建失败：错误：ENOENT：没有这样的文件或目录，在错误（本机）打开'/opt/rqt/src/reducers.js'

为什么反应只找到文件名reducers.js而不是寻找reducers / index.js？

也尝试附加 ./reducers/ 但不起作用

这是什么问题？

reactjs react-native

1 回答

  • 2

    我在使用React时遇到了类似的问题 . 显然这是由React DOM中的bug引起的 . 有一个类似的Github issue here .

    我做的是终止进程和 re-install the dependencies （ npm install ）

    然后，它使用代码：

    /src/reducers/index.js

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

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

    import rootReducer from "../reducers"

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

    回复于

相关问题