Question

在使用我的示例应用程序here配置history模块后，我遇到了此问题。

我尝试在react-router docs Navigating Outside of Components中遵循此模式，并在

中实现它

创建history.js

import createBrowserHistory from 'history/lib/createBrowserHistory';
export default createBrowserHistory();

配置router

import React from 'react';
import {render} from 'react-dom';
import { Router, Route, Link, IndexRoute } from 'react-router';
import createHistory from 'history/lib/createBrowserHistory';

import history from './config/history';
import routes from './config/routes';

let el = document.getElementById('login');
render(<Router history={history}>{routes}</Router>, el);

尝试使用here

import history from '../config/history';

我正在使用webpack，您可以使用npm run webpack构建它，然后使用python -m SimpleHTTPServer 8080构建服务器文件。之后，当我想转到http://localhost:8080/public/login.html#/setup时，它会发出以下错误。

Warning: Location "/public/login.html#/setup?_k=rnwzln" did not match any routes

如果我在Login.js中移除history={history}，则效果很好

你可以帮我解决这个问题吗？它是react-router中的一个错误吗？

P.S。：我已经调查了这个stackoverflow question，但它并没有解决我的问题。

Answer 1

您正在使用browserHistory并希望哈希网址匹配。

https://github.com/rackt/react-router/blob/1.0.x/docs/guides/basics/Histories.md

配置历史模块1.13.1后，React-router 1.0.2无法正常工作

1 个答案: