MERN App Deployed to Heroku, Posts on page render invisible - javascript

App works flawlessly locally. I have had lots of trouble getting it deployed correctly to Heroku. Using Mongodb Atlas, Heroku, and Express. It's a basic Forum app that appends posts to the page from the databse. It's correctly hitting the database and the posts get returned and they're EVEN THERE! But they are invisible, yet still clickable. I have no idea what is causing this. ANY IDEAS WELCOME
Github Repo
Deployed Heroku App

So the problem was that in the css file correlating to the missing posts, the opacity value was set as a percentage. It was fine running locally, but when deployed, it defaulted to an opacity of 1%, making it seem like they were missing. After changing the value to a decimal, it works as intended.

Related

Deployed React App Shows a Blank Page and Console Returns Error 404

I am a beginner in React JS. I deployed a React app to Github Pages and apparently it was successful, but the site shows only a blank white page. The console says ‘Failed to load resource: the server responded with a status of 404 ()’. I’d appreciate any help with this. I can’t figure out what I’m doing wrong.
Here is my repo: https://github.com/toyosicodes/memory-game/tree/master/src. The link to the site itself is https://toyosicodes.github.io/memory-game/
I know questions like mine have been asked; I've spent hours poring over them and trying out the recommended solutions, but they haven't worked in my case.
i apologise if this post isn't perfect - it's my first.
I just tried to access your website at https://toyosicodes.github.io/memory-game/ and it seems to be loading fine for me, with the default React template. Would you try clearing cache or waiting some time for DNS updates. github.io is a little slow for deployments and takes some time for changes to be visible. I have sometimes waited 30+ minutes for new changes to be visible.
If you like speedy deployments, I would recommend using a service like Vercel or Heroku.

why does a react library cause a blank page on server?

react-photo-collage working on localhost, but on server, just renders a blank page, after removing the part with collage from my code it renders normal.
Weird was it was working all fine yesterday.
Github : repository
Problem lies in the events.js

Can't display any data on port 3000 of ReactJS in browser

So I am building a date-picker with JavaScript and ReactJS. All the files seem to be fine at a glance and the terminal is working clean on the port 3000. But, when I hit that port on the web page, nothing really appears instead of a blank page. I am not sure what the actual problem is. Below is the screenshot of the rendered web page.
Also, below is the screenshot of the developer tool.[Elements part]
And, the [Console part].
Here, is the clean project directory.[App.js]
Here is the package.json file.
Please let me know if any details more required. Any help would be appreciated.

Why can't I view the rest of my components?

I am working on this project, now everything on the server is running fine but I am having issues viewing the rest of the components for the web app of the page beside the header.
Here is the link to my codebase https://github.com/henry88lay/MyReads-Project
no errors or messages can't seem to find the bug

Vue-Router not loading component

I am developing a website using Vue and Vue-Router in local. Then I commit changes with git to the production server and the site files get updated.
I was making a payment status page and it's working perfectly in local, so i uploaded the changed to the production server but for some reason the component isn't being loaded on the production server. I am getting no errors.. The rest of the routes I made (were always and are still) working fine, but the new routes I made/make dont in production (again, working perfectly locally)
Does anyone have any debugging suggestions to try and figure out whats happening?
I fixed the problem, It had to do with caching

Categories

Resources