You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've come up against this problem which I guess has something to do with the order of applying CSS styles.
After deployment to GitHub pages, the project looks messed up. Styles either are missing or get overwritten with default ones.
Here's an example of the issue:
And here's how the Developer Tools tab looks like for developing and production build:
Maybe someone has been dealing with a similar issue?
Would be grateful for any help, as I'm already spent an obscene amount of time struggling with this.
Also, one more problem has occurred with deployment. I'm using React Router for this project and images that display perfectly in development build crashes after deployment. Information I have gathered so far points to import problems, and cause for this I think might be React Router hiding the correct path somehow.
The problem looks like this:
(Once I'm clicking and navigating through the navbar the URL losing part of the address and after refreshing the page – 404 pops up)
Expected behavior here is to get rid of 404 error and keep the address root "migrated_1_project/" in the URL
One more an obscure moment with images you can see on the last second of the gif.
Background illustration which located in the Header component stays visible but the image that crashes on the last second of the gif is inside Switch tag from React Router,
I've come up against this problem which I guess has something to do with the order of applying CSS styles.
After deployment to GitHub pages, the project looks messed up. Styles either are missing or get overwritten with default ones.
Here's an example of the issue:
And here's how the Developer Tools tab looks like for developing and production build:
Maybe someone has been dealing with a similar issue?
Would be grateful for any help, as I'm already spent an obscene amount of time struggling with this.
Also, one more problem has occurred with deployment. I'm using React Router for this project and images that display perfectly in development build crashes after deployment. Information I have gathered so far points to import problems, and cause for this I think might be React Router hiding the correct path somehow.
The problem looks like this:
(Once I'm clicking and navigating through the navbar the URL losing part of the address and after refreshing the page – 404 pops up)
Expected behavior here is to get rid of 404 error and keep the address root "migrated_1_project/" in the URL
One more an obscure moment with images you can see on the last second of the gif.
Background illustration which located in the Header component stays visible but the image that crashes on the last second of the gif is inside Switch tag from React Router,
maybe it works in some unpredictable way?
Link to the repo:
https://github.com/kkdima/migrated_1_project
Any help would be appreciated 🙏
The text was updated successfully, but these errors were encountered: