React路由器：在动态路由刷新错误中嵌套静态路由

Question

我在 react-router 2.0.0-rc 中遇到 browserHistory 问题。我试图通过对用户名使用 react-router 参数，然后是一个名为 'edit' 的嵌套静态路由来使编辑页面正常工作。当我使用 react-router 链接时，页面按预期加载，但在手动输入 url 或刷新后，页面显示空白并出现捆绑错误 Uncaught SyntaxError: Unexpected token <.

我所有的其他路线都工作正常。不幸的是，所有文档似乎都使用静态后跟动态路由参数，而不是相反。

这是我的路线：

<Route path="/" component={App} onEnter={currentUserCheck}>
    <IndexRoute component={HomePage} />
    <Route path="/signup" component={SignupForm} />
    <Route path="/login" component={LoginForm} />
    <Route path="/chart" component={PollResult} />
    <Route path="/:username/edit" component={EditProfile}/>
    <Route path="/:username" component={ProfilePage}/>
    <Route path="*" component={NoMatch}/>
</Route>

Answer 1

我明白了。我需要在我的包之前放一个 /，在我的 index.html 中放一个 css 文件。对于我的其他路线，我很好，因为它们是顶级路线，但是一旦我向下移动到嵌套路线，我就失去了对静态资产的引用。

React路由器：在动态路由刷新错误中嵌套静态路由

React router: nesting static route within dynamic route refresh error

reactjs

react-router