не удается разрешить «файл» или «каталог» (реагировать)

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')) 

папки с компонентами ЦСИ/компоненты есть моя структура

Мои 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'