无法解析“文件”或“目录”（反应）

Question

试图从文件夹中的组件导入新的模块，但我发现了一些错误

我index.js与组件的src

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'