Blank Page

[drewpate]

The GitHub Page is coming up blank. When running locally it. Looks like there is an issue with the base url. Take a look at the vite.config.ts file and the base Route in App.tsx

[HudsonGraeme]

Shoot that’s my fault, thanks for making this @drewpate

[drewpate]

@HudsonGraeme I created a pull request with my fix. Hopefully this is all it needs, or there might be something else required.

[codeTrackLift]

Hey @HudsonGraeme @drewpate,

Did a little bit of troubleshooting on this issue and found the following:

• Made a simple Vite project using TypeScript, but without SWC, see this repo.
• Followed the steps in this Vite doc and was able to deploy to gh-pages, see this deployed site.
• I tried the same workflow change with a copy of Learn JS, but I was having trouble getting the site to show (same issue as this repo)
  • See this test repo, same issue as Learn JS
  • See this deployed link, just a white page.
• Not sure if this is due to using SWC in LearnJS?
• Thoughts on how we should move forward?

[HudsonGraeme]

Thanks for the troubleshooting @codeTrackLift, @drewpate let me know about a SO thread on the topic and there was a note in there about basename in <BrowserRouter/>

I suspect because we're using react-router-dom, the router is not basing it's main route off of /learnjs but instead / and as a result doesn't serve a page at any of the known routes. I made a change to my fork here and the site is deployed and working as expected... I'll open a PR here for the same change and start praying this is the fix :joy:

[HudsonGraeme]

Success! https://mitxpro-dev.github.io/learnjs/

[codeTrackLift]

@HudsonGraeme awesome! 🤩

[drewpate]

🤩 excellent work guys! @HudsonGraeme @codeTrackLift