React router nested not working

Question

I'm trying to create routes in my provider but it doesn't work out for nested levels.

Until one level it is working fine.

Find the code snippet below

    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'))

If I open the URL localhost:3000/login it is working fine

but if I give the URL localhost:3000/secure/page1 I see the error in the browser console as below

bundle.min.js:1 Uncaught SyntaxError: Unexpected token <

Kindly help me if there is anything wrong in my router configuration.

I've tried... Its not working.. Even though I Just give the "/" after the first level URL i'm getting the error... eg: "localhost:3000/login" but "localhost:3000/login" works fine — Pathfinder
– Pathfinder, Commented May 26, 2017 at 11:08
What does your generated index.html file look like? Specifically, how is the bundle.min.js file being included? — Brett DeWoody
– Brett DeWoody, Commented May 26, 2017 at 11:12
Got the underlying problem i'm refering as <script src="bundle.min.js"></script> changed to <script src="/bundle.min.js"></script> and its working thanks. — Pathfinder
– Pathfinder, Commented May 26, 2017 at 11:18
Possible duplicate of Unexpected token < error in react router component — Brett DeWoody
– Brett DeWoody, Commented May 26, 2017 at 11:18

Pathfinder · Accepted Answer · 2017-05-26 11:20:54Z

3

Changing the script loading from

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

to

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

worked as it is trying to load from ur current url when we go to the second level i.e., localhost:3000/login/bundle.min.js which is wrong changing it to root url made it working localhost:3000/bundle.min.js

answered May 26, 2017 at 11:20

Pathfinder

1,0142 gold badges13 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React router nested not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related