Fatal编程技术网
  • reactjs/
  • Reactjs 反应路由器不工作

Reactjs 反应路由器不工作

reactjs

Reactjs 反应路由器不工作,reactjs,Reactjs,我正在尝试在我的提供程序中创建路由，但对于嵌套级别，它不起作用 在达到某一级别之前，它工作正常 找到下面的代码片段 render( <Provider store={store}> <Router history={browserHistory}> <Route path="/" component={PageTemplate}> <Route path="/login" component={Login}/>

我正在尝试在我的提供程序中创建路由，但对于嵌套级别，它不起作用

在达到某一级别之前，它工作正常

找到下面的代码片段

    render(
  <Provider store={store}>
  <Router history={browserHistory}>
    <Route path="/" component={PageTemplate}>
      <Route path="/login" component={Login}/>
      <Route path="/secure" component={BodyTemplate}>
        <Route path="page1" component={Page1}/>
        <Route path="page2" component={Page2}/>
        <Route path="page3" component={Page3}/>
      </Route>
      <Route path="*" component={InvalidPage}/>
    </Route>
  </Router>
</Provider>, document.getElementById('app'))

渲染(
，document.getElementById（'app'））
如果我打开URL
localhost:3000/login
它工作正常

但是如果我给出URL
localhost:3000/secure/page1
我在浏览器控制台中看到如下错误

bundle.min.js:1未捕获的语法错误：意外标记更改从

<script src="bundle.min.js"></script>
到
当我们转到第二级时，它试图从当前url加载，即
localhost:3000/login/bundle.min.js
，这是错误的，将其更改为根url使其工作
localhost:3000/bundle.min.js

尝试
/page1
，
/page2
，
/page3
路径的
属性。我已尝试。。。它不起作用。。即使我只是在第一级URL后面加上“/”，我还是得到了错误。。。例如：“但是”工作正常生成的index.html文件是什么样子的？具体来说，bundle.min.js文件是如何包含的？得到了我所指的已更改为的基本问题及其工作原理。react router组件中意外令牌的可能重复<错误

<script src="/bundle.min.js"></script>