My heroku looks different compared to local host - heroku

This is my repo:
https://github.com/tabby-lab/My-Portfolio
I think it has to do something with the build pack but I can't seem to figure it out. It just looks like it's zoomed in on heroku.
Heroku:
https://fathomless-plains-91665.herokuapp.com/
localhost

I've detected that there is something like a magnifying glass in your browser URL field.
Try to click on this icon and select "Reset" or, if you're running a Mac, press <Command> + <0>.
I'm not sure, but it should reset zooming.

Related

Components not working after pushing on Heroku

I have started to build an app using The SB Admin 2 bootstrap theme (can be found here:https://startbootstrap.com/theme/sb-admin-2). Everything is working fine on my localhost but when I pushed the code to Heroku a lot of components did not show or work.
To make it easier to compare, I have pushed the entire code to another Heroku app on https://testweb55.herokuapp.com/, where you can see the difference with what I see on localhost (similar to https://startbootstrap.com/previews/sb-admin-2): the user menu on the upper right hand side does not appear, the side bar does not collapse etc.
Do you know what I need to do to make it work on Heroku?
Thanks
Ben

App runs inside Teams, but not on localhost

I've been trying to figure this out for a while and docs are unclear. I have used the MS Teams Toolkit for VSCode to generate the project. My ngrok tunnels are up and I can run my tabs and bot inside the Teams Client after adding the Development.zip file.
I have simple tabs, but now I need to call APIs, debug stuff, log info and actually see it, etc.
I've put a simple console.log() in my code to test it out...
The terminal for the tabs, launching react, gives me this:
but when I go to localhost:3000/search (search is my tab name), I get this...
I did go back to the client, opened the DevTools, looked at the console... no console.log
I've also tried to add a certificate as mentionned in the docs, but when I go to https//localhost:3000 the Certificate options they mentionned arent visible.
You'd think an extension by Microsoft for Microsoft would work out of the box and be well documented... Oh man. I need to be able to debug this, interact with the bot, etc. just as you'd do with a standard React app...
Any tips? Thank you!
Use the Web Client instead. Easy access to your console from there and opens just fine.

Terminal Stuck Loading GatsbyJS "Hello-World" starter website

I've been moving step-by-step (as a webdev newbie) through the GatsbyJS installation via the Terminal. All looked great, except the Terminal appears "stuck" and I'm not sure how to resolve (i.e. whether to close Terminal app or let the process continue). It's been over an hour without any change in the Terminal prompt. Please see screenshot for detailed info. Any help would be much appreciated.
screenshot: Current state of Terminal app:
screenshot: Message when trying to close Terminal app:
Your terminal is not stuck. Everything works as it should.
It is listening to code changes which enables hot reloading. This way you can change code and you see the changes almost instantly in your browser. This makes for a pleasant developer experience and is industry standard.
Beware the old times when you had to manually restart your server everytime you made the tiniest code change.
Try opening a browser with url http://localhost:8000. Change some text inside your index.js. You should see it reload in the browser.

Google Cloud Shell and VM SSH command lines blank

In the Google Cloud Platform Console, upon clicking "Activate Cloud Shell," the bar for the command line shows up and displays "Provisioning your Google Cloud Shell Machine" and "Establishing your connection to Google Cloud Shell," but after that the entire box for the command line goes blank. It still has the option bar that displays the project name, option to open the text editor, etc. I tried going to the text editor hoping that the command line would show itself there, but the whole box remained blank.
Even worse, I started one of my virtual machines and used the SSH option from the console to connect to it, and the SSH window similarly went totally blank. Any ideas what's going wrong here? I'm using Firefox on Windows 10 and haven't had any issues using the Cloud Shell for months.
This was a browser compatibility problem between FF64 and the Google Cloud Shell terminal emulator library. The SSH-in-the browser feature inside Cloud Console is using the same terminal emulator, so it was affected as well. Both have now been fixed.
I had a similar issue. Google cloud shell doesn't work with Firefox.
I waited for a whole thirty minutes and nothing happened. Thirty! I switched to Chrome and the issue was sorted out immediately.

font-awesome-rails icon formatting incorrect on heroku

I'm using font-awesome-rails to generate some icons on my site. When I run the site locally, the image icons appear correctly (they are styled to be different colors). However, when I push to production via Heroku, the styling is messed up (some icons don't appear, and none of the icons are the right color). What could I be doing wrong? I'm not even sure what could be wrong with my code, so if any particular snippets would be helpful for me to share, let me know and I'll add it.
The image on the left is a snapshop of the website in production, and the image on the right is the website running locally.
EDIT:
After restarting my development server, I'm finding the icons appear incorrectly locally as well. What could have gone wrong?
It seems like it was an issue with my Gemfile; when I checked out an older version of my Gemfile and Gemfile.lock, I was able to get rid of the problem.

Resources