导出默认不工作的webpack,reactjs
Posted
技术标签:
【中文标题】导出默认不工作的webpack,reactjs【英文标题】:export default not working webpack, reactjs 【发布时间】:2016-12-27 15:29:08 【问题描述】:我是 webpack 的新手,我开始使用 webpack 和 react 15 构建一个应用程序,但是好像导出默认值无法正常工作,因为我收到了一个错误,因为找不到 App 组件:
5:9 App not found in './components/App' import/named
在我的 index.js 的代码下面:
import React from 'react';
import ReactDOM from 'react-dom';
import Router,Route,IndexRoute,browserHistory from 'react-router';
import Provider from 'react-redux';
import App from './components/App';
import HomePage from './components/HomePage';
import configureStore from './store/configureStore.js';
import syncHistoryWithStore from 'react-router-redux';
const store = configureStore();
const history = syncHistoryWithStore(browserHistory, store);
ReactDOM.render(
<Provider store=store>
<Router history=history>
<Route path="/" component=App>
<IndexRoute component=HomePage/>
</Route>
</Router>
</Provider>,
document.getElementById('app')
);
以及我的 App.js 的代码放在 components 文件夹下:
import React, PropTypes from 'react';
const App = (props) =>
return (
<div>
props.children
</div>
);
;
App.propTypes =
children: PropTypes.element
;
export default App;
任何人都可以看到问题吗?看起来不支持这种类型的导出,我必须启用一些东西? 任何帮助表示赞赏!
【问题讨论】:
【参考方案1】:省略大括号:
import App from './components/App';
这就是default
、see 的诀窍。
【讨论】:
以上是关于导出默认不工作的webpack,reactjs的主要内容,如果未能解决你的问题,请参考以下文章