无法解析“文件”或“目录”(反应)

Question

试图从文件夹组件导入新模块，但我遇到了一些错误

我的index.js

import React from 'react'
import {
    render
} from 'react-dom'
import {
    Provider as ReduxProvider
} from 'react-redux'
import {
    Router,
    Route,
    IndexRoute,
    Link,
    Redirect,
    browserHistory
} from 'react-router'


import  App  from './components'



import {
    routerMiddleware
} from 'react-router-redux'

import {
    IntlProvider,
    addLocaleData
} from 'react-intl'
import en from 'react-intl/locale-data/en'
import zh from 'react-intl/locale-data/zh'
addLocaleData([...en, ...zh])


    import {
        createStore,
        compose,
        applyMiddleware
    } from 'redux'
    import Immutable from 'immutable'
    import {
        combineReducers
    } from 'redux-immutable'
    import thunk from 'redux-thunk'
    render((
        <ReduxProvider >
            <IntlProvider locale={'en'}>
              <Router history={browserHistory}>
                <Route path="/" component={App}>



                </Route>
              </Router>
            </IntlProvider>
      </ReduxProvider>
    ), document.getElementById('mount'))

文件夹中包含组件src/组件在那里--我的结构

​

​

我的文件夹组件中的App.JS

import React from 'react'
import { Link, browserHistory } from 'react-router'

    export default function App({ children }) {
      return (
        <div>
          1
        </div>
      )
    }
    export default App

​

​

所以我不明白为什么它没有看到包含组件的目录，我哪里错了？

Answer 1

导入目录时，文件解析器将在该目录中查找index.js。

所以这个进口：

import  App  from './components'

正在寻找要导入的./components/index.js文件。这将不会导入App.js。

试一试：

import  App  from './components/App'