Anchor links working locally but not when deployed (React)
Relative links in my project works locally but when I deployed it on render, they're not working
1What’s your code look like? Without code we can only guess (badly).
VThis is my live project link
V
Ἔthe rendered output isnt always as useful as having the code and the ability to run it
VGitHub
Vikrant Tanwar Portfolio. Contribute to vikranttanwar04/Portfolio development by creating an account on GitHub.
VPlease do something I am stuck in this since last week
1Website works for me
1Might have been a cache issue 
Ἔthe "show work" didnt work for me, and it was the only one you didnt click
Ἔalso, if you refresh, it doesnt work
Ἔseems to be a misconfiguration on where you deployed your portfolio
K@Vikrant Tanwar same here, show work button doesn't work.
I think you messed up Router configuration in
you should wrap the paths with
I think you messed up Router configuration in
Main.jsxyou should wrap the paths with
ErrorBoundary element.Kalso, when you are using React Router use
https://reactrouter.com/api/components/NavLink
https://reactrouter.com/api/components/Link
Links or Navlinks instead of vanilla ahttps://reactrouter.com/api/components/NavLink
https://reactrouter.com/api/components/Link
VI have used Links tag for Navbar items so they work but what about a tags in the project they are not working
VSo, a tag cannot be used in reactjs ever?
VYes exactly this is the only issue
Kyou can, but
Just read the documentation that I've attached and you should spot benefits easily.
Navlink for example is perfect use case for your navigation bar.Just read the documentation that I've attached and you should spot benefits easily.
VThankyou, I'll do it by Navlink but if ever I want to do it with anchor tag how would I do it?
KNavlink and Link are just extended anchor tags available only in React Router.
In plain React project you'd just use regular anchor tag.
You can see that when you use inspector in browser, even if you use Link or Navlink,
it will show it as an anchor and do additional job in the background.
In plain React project you'd just use regular anchor tag.
You can see that when you use inspector in browser, even if you use Link or Navlink,
it will show it as an anchor and do additional job in the background.
VOk Thankyou Mr @Karol