Tag: react router

如何运行redux-router的基本示例: 我正在尝试使用redux-router ，我正在尝试运行基本示例。但简单， npm start 不起作用，下面的错误信息 node: bad option: -r 我是现代生态系统的初学者。你能告诉我如何运行这个示例？

ReactRouter：警告：React.createElement：types不能为null，未定义: 警告Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). 然后它抛出错误Error: Invariant Violation: Element type […]

React使用react-router和browserHistory所需的最小nodejs服务器设置: 我目前的server.js： let express = require('express'); let harp = require('harp'); let path = require('path'); let app = express(); app.use(express.static(__dirname + "/dist")); app.use(harp.mount(__dirname + "/dist")); let port = process.env.PORT || 3333; app.listen(port, () => console.log("Listening on port " + port) ); // … other routes for data fetching … // For browserHistory: https://github.com/reactjs/react-router/blob/1.0.x/docs/guides/basics/Histories.md app.get('*', (req, res) => […]

ReactJS服务器端重新加载（webpack-dev-server）: 我正在尝试使用ReactJS构build我的第一个服务器端渲染。我从这个Redux教程基于我的代码运行npm start （ webpack && node server.js ）时，应用程序运行正常。我想用热重装来在dev环境下做一个应用程序的快速debugging。所以我在npmconfiguration（ webpack-dev-server –inline –hot ）上添加了start选项。请注意，我没有index.html文件，因为react-router正在select正确的JSX文件加载。 npm开始打开我的公共文件夹和显示文件，但没有启动我的应用程序。通常我会点击一个index.html文件，但我没有。我不明白是怎么回事，也不知道如何解决。帮助赞赏。的package.json： "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack –config webpack.config.prod.js -p", "start": "webpack-dev-server –inline –hot", "dev": "webpack && node server.js" }, webpack.config.js： module.exports = { entry: './client.js', output: […]

Uncaught TypeError：无法读取未定义的属性“推”（React-Router-Dom）: 我有一个带有旋转幻灯片的仪表板，每个都有一个相应的Bldgs选项卡。 Dashboard.js和Bldgs.js都是我的App.js孩子。当用户点击Dashboard.js的特定幻灯片A时， Dashboard需要告知App.js以便App可以告诉Bldgs.js在路由到Bldgs时显示选项卡A 我相信我将正确的索引值从Dashboard传递给App ，然后传递给Bldgs 。但是，我的App.js文件中正在抛出一个错误，指出： Uncaught TypeError: Cannot read property 'push' of undefined 在开始将我的handleClick()函数传递给我的Dashboard组件之前，我的代码工作正常。 Index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import injectTapEventPlugin from 'react-tap-event-plugin'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import { BrowserRouter as Router } from 'react-router-dom'; import { hashHistory } from 'react-router'; […]

反应路由器版本4不显示任何东西: 我认为我在使用我的React路由器时出错了。我是React / Redux的初学者，所以任何帮助真的很感激。这也可能是我如何configurationwebpack，但我的前端是什么都没有显示，但我没有得到任何错误。我不知道是什么问题，但我的服务器启动，能够填充模拟数据，和webpack编译，所以我认为后端工程。我很抱歉的代码墙，但我真的不知道我要去哪里错了，我是一个巨大的新手设置这个。这绝对是我写过的最长的文章，所以我感谢任何人看看它。我的客户端/ src /路由： import React from 'react' import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import HomePage from './components/home/HomePage'; import { Layout } from './components/Layout'; export const App = () => ( <Layout> <Switch> <Route exact path="/" component={HomePage} /> </Switch> </Layout> ); export default App; […]

反应路由与快速路由: 看了很多教程，我看到有快速路由以及反应路由。是客户端的反应路由和服务器（api？）的节点js路由。想知道是否有人可以请澄清这是新的React，节点，快递。谢谢

在使用React路由器时得到这个错误TypeError：type.toUpperCase不是函数: 我正在开发一个使用react和express.js的同构应用程序。我正在使用React路由器进行客户端路由。运行应用程序时，我正在控制台中出现错误和警告警告：失败propType：提供给Route ，期望function objecttypes的prop handler无效。警告：提供给UnknownComponent期望function objecttypes的未定义handler无效。 TypeError：type.toUpperCase不是一个函数这里是components / main.jsx的代码 var React = require('react'); var Counter = require('./flashCard.js'); var RouterModule = require('react-router'); var RouteHandler = require('react-router').RouteHandler var routes = require('./routes.js') var APP = React.createClass({ render: function() { return ( <html> <head> <title>8 facts</title> <link rel="stylesheet" type="text/css" href="/stylesheets/style.css"/> <script src="/javascripts/bundle.js"></script> </head> […]

reactRouter2.default使用Babel未定义: 我已经创build了一个基于本教程的通用React应用程序，但是我得到了 'Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).' 在Chrome开发工具中。看着编译的代码，我可以看到一个未定义的对象 – _reactRouter2.default 。表面上看起来一切正常，我可以在页面之间导航，我可以在浏览器中使用后退button，但是我不明白那个错误。任何人都可以阐明我如何解决它？这里是一个屏幕截图，展示了如何构造_reactRouter2.default并且它是未定义的。以下是一些相关的代码片段： SRC / routes.js import React from 'react'; import { Route } from 'react-router'; import Main from './components/Main.js'; import Login from […]

反应路由器打印在客户端反应空: 我使用服务器端渲染的性能，但我的客户端不同的服务器端，因为我的客户端渲染首先<!– react-empty: 1 –>而不是组件，然后在客户端检测到校验和不同，它重新呈现应用程序，所以我失去了性能。在这里，我问问题在哪里描述我的问题，并经过一些debugging后，我发现我的Router元素在我的根组件导致问题 render() { let history = browserHistory; if (this.props.store) { history = syncHistoryWithStore(browserHistory, props.store) } return ( <Provider store={store}> <Router history={history} routes={routes} /> </Provider> ); } 当我改变Router为简单的div元素它呈现div，但与路由器它不首先渲染我的元素，这将导致校验和不匹配和客户端重新呈现。这是我的路线。自从我使用延迟加载后，我已经写了这种方法。 export default { component: App, path: '/', indexRoute: { onEnter: (nextState, replace) => { replace('/sneakpeak') } }, childRoutes: [ { path: '/', […]