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.
Topics help categorize Community content and increase your ability to discover relevant content.
Hi @duypnguyen, 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
@harpreet_ahluwa- could you share the background what you are trying to achieve with the button click event? If it is for page navigation, why don't you leverage the Sidebar component already available with the template (see screenshot)?
Hi @duypnguyen, I created a fresh app (aio app init test) with default actions and web assets and it does not have the UI like yours in the screenshot. I see the old one, screenshot attached. To create using the template you have shown, is there a different flag to be passed?
Hi @Urs_Boller I updated my CLI to 3.7.0 and do not see the side bar, what version do you have. The code generated is the standard without sidebar in app.js, I would love to get it working in 3.7.0 as my app is initialized with it.
Hi @duypnguyen , I tried version 4.0 and the can see the sidebar. However the picker components in the "You app actions" link gives an error, attached screenshot. On commenting it, I am able to see the sidebar with proper navigation. Thanks for your help.