基本hello world with react-router和webpack不工作
基本hello world with react-router和webpack不工作
提问于 2016-02-06 00:13:43
我有一个非常简单的Webpack配置(使用react-slingshot https://github.com/coryhouse/react-slingshot)和一个基本的hello world和react-router。
在应用程序div中，我得到的不是hello world，而是noscript标记。
下面是我在package.json中的一些依赖项：
"react": "0.14.6",
"react-dom": "0.14.6",
"react-redux": "4.0.0",
"history": "2.0.0",
"react-router": "2.0.0-rc5",这是我的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Routing test</title>
</head>
<body>
<div id="app"></div>
<script src="js/bundle.js"></script>
</body>
</html>这是我的index.js：
import React from 'react';
import { render } from 'react-dom';
import { Router, Route, browserHistory } from 'react-router';
const RootComponent = () => <div>Hullo World?</div>;
render(
<Router history={browserHistory}>
<Route path="/" Component={RootComponent} />
</Router>
, document.getElementById('app')
);以下是DOM中元素的快照：
<html lang="en"><head>
<title>Routing test</title>
</head>
<body>
<div id="app"><noscript data-reactid=".0"></noscript></div>
<script src="js/bundle.js"></script>
</body></html>如果我删除路由，应用程序就能正常工作。为什么我得到的是noscript标签而不是预期的Hello World div？
回答 1
Stack Overflow用户
发布于 2016-02-06 00:24:17
组件属性应为小写
render(
<Router history={browserHistory}>
<Route path="/" component={RootComponent} />
</Router>
, document.getElementById('app')
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35228666
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号