無法解析「文件」或「目錄」（反應）

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'