Cant access react website with manual route links [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I was using netlify to deploy my app and I noticed that we cant access website using manual routes, and results in displaying 404 :
https://edurekaclone.netlify.app => WORKS
https://edurekaclone.netlify.app/courses/5b21ca3eet4r6fbccd471815 =>Does not works
Even simple routes when visited manually like /login, are not working
We have to First visit homepage and navigate to other routes/pages from there only.
I am using react-router-dom and its purely frontend without any server

I found the fix, in documentation as mentioned by #jonsharpe, Thanks
Basically you need a rewrite rule here which should be present in build/ folder, and would enable to access clean URLs
->>
1. Add _redirects file in public/ folder
2. Inside _redirects add /* /index.html 200
->>
and Voila!
This will also be reflected in the build deploy summary and logs
-->Reference

Related

failing to load resource 404 github pages

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 hours ago.
Improve this question
I have already check some topic like this one to find some help, but, honnestly i still don't know how to fix it.
So, i did a little project and i'm trying to put it on github pages.
link of project : https://zkittygb.github.io/cv/
Now, when i m going to check my pages, i got some errors 404 (6 to be exact).
i already did a build, install gh-pages lib and add : "homepage": "https://github.com/zKittyGB/cv.git" in my package.json.
Then i did a build and a deploy.
I fixed 3 of them after deleting link in the manifest, but i still have the error about main.js and main.css.
So, how can i fixe it?
Is it a link issue again?
If yes, where should i change them ? directly in the build folder ?
Thx for the help
if you use react for make static website and want hosting im suggest use gatsby cloud free, netlify , and vercel , i dont know if github can read js 6

Invalid <Link> with <a> child error when fetching Wordpress posts via GraphQL in Next.js [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed last month.
Improve this question
I am trying to fetch Wordpress posts via graphql in my Next.js application, using the git repository "https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress".
I am getting the following error: "Error: Invalid with child. Please remove or use .
Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor This error happened while generating the page. Any console logs will be displayed in the terminal window."
I am not sure what is causing this error or how to fix it. Could someone please help me understand what is causing this issue and how to resolve it?
Starting with Next.js 13, Link renders as a, so attempting to use < a > as a child is invalid.

What is scripts.js and vendor.js files in browser network tab? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I'm working on angular application. Once my application is initiated script.js file showing "initiated by login". After logging in it showing "initiated by the dashboard". Why it is initiating more than once?
Thanks in advance.
Both script files are part of the global scripts from angular framework.
The content of scripts.js comes from the scripts section in the angular.json.
The vendor.js contains npm modules being used in the app.module.ts.
The multiple initialization may be caused by Module lazy loading, but it is hard to say. It would be helpful, if you could provide some more information about your application, e.g. the routes from the app-routing.module.ts

How to create a file manager for registered users using node.js? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm working on a fairly ambitious project for me. There is a complete tutorial that describes how to create an environment on the web site (a kind of user panel) where registered users can upload files, audio, video etc .. edit the name, create folders, and share it with other users. Manage their information, update or modify them. Create folders with random names when loading files on the server. The graphics look I can create, but interaction with the database to retrieve the information of each user and show them in the panel I can not do it without having the necessary knowledge. Every advice, guide and tutorials is well accepted. (Forgive my dingy English)
Node.js is server-side. You need to work with modules for what you want to do. For example: express to easily work with GET, POST data; and other modules you can find on NPM.

React router, handle URL (instead of backend) [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I've implemented the router and everything works (navigation etc.) but how can I make sure that when I want to go to http://myapp.dev/members that the url is handled by react (router)? When I type that URL in my browser now, nothing happens, because the /members doesnt exist (backend)
You need to redirect your backend to wherever your react application is. react-router themselves have it in their documentation. If you're on nginx, use a try_files rule to try, see if it exists, and if not, fire back to wherever your react app is.
The same goes for Apache using rewrite rules.
Both are actually very well documented within the doc.

Categories