Routes in Firefly webapps | Community
Skip to main content
Adobe Employee
September 21, 2020
Question

Routes in Firefly webapps

  • September 21, 2020
  • 1 reply
  • 3104 views

I have a simple webapp and have used react router, however within the application the url changes to the route part which is not found by firefly.

Here is the webapp with links

 

 

 

 

<Router> <div> <ul> <li> <Link to='/'>Home</Link> </li> <li> <Link to='/button'>Button</Link> </li> </ul> <hr /> <Switch> <Route exact path='/'> <Home/> </Route> <Route path='/button'> <ButtonDemo /> </Route> </Switch> </div> </Router>

 

 

 

 

The URL on navigation is https://experience.adobe.com/?devMode=true#/@ags1008/custom-apps/button which results

in Error 408 Request Timeout.

 

Any recommendation on how to achieve this navigation.

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Adobe Employee
September 21, 2020

Hi @harpreet_ahluwa - in the latest CLI release we enhanced the web UI template with react router. Please update your CLI `npm install -g @adobe/aio-cli` and try creating a new app with web assets.

Adobe Employee
September 22, 2020

Hi @duynguyen_adobe, I tried the exact same code after updating the cli and creating new app. This time it does not navigate anywhere. Nothing happens on click. With the old project the html code is generate as href with onClick event having different code than the newer one. The latest project has the links as spans.

 

Pre upgrade of CLI

 

 

Post upgrade of CLI