bug Failed to load module script type checking error

[JamieBort]

Describe the bug
A clear and concise description of what the bug is.

Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. errror

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the live site: https://jamiebort.com/
2. Open up Dev Tools.
3. Select the Console tab.
4. Look for warning in the screenshot.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: macos
• Browser chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

To Do
Create an issue and a branch for each of these.

• Create a new branch. Use the branch associated with the Parent Issue as the Branch Source. Checkout the new branch.

• Address issue.

• Administrative cleanup.

  • In this https://github.com/users/JamieBort/projects/1/views/4, all In Progress Issues with Rebuild Frontend milestone assignments should be closed out.

  • Add significant comments to the code that I added. And to any other code that should have some explanation.
    To facilitate this process, compare the code between the current commit and the most recent commit from the parent branch. git commit -m "Add comments."

  • Clean up and organize AI Queries.

  • Address Future features below.

  • Remove all files that begin with copy_ in their name. git commit -m "Remove superfluous files."

  • Address all TODO: comments. git commit -m "Address TODO comments."

  • Remove all old commented out code. git commit -m "Remove all old commented out code."

  • Verify the app works live on THIS branch. git commit -m "Push changes to view on live site. Issue #issue_number.

  • Push current branch with this comment git commit -m "Fixes #issue_number"

  • Merge this branch into the parent branch.

  • Verify the app works live on PARENT branch.

  • Remove all merged branches, backup branches, and the like.

  • Push to master before proceeding on to the other issues/branches. To make sure nothing broke.

[JamieBort]

This requires more investigation.

I've pinpointed the error to come from the ./src/main.tsx file.

If your ./src/main.tsx file (the entry point of your Vite + React + TypeScript app) is being served with the wrong MIME type (application/octet-stream), then:

⚠️ Your Vite dev server is misbehaving — it should be serving .tsx files as text/javascript.

However, I plan on refactoring the files so they're TypeScript and do not have JavaScript in them.

That is to say, I am tabling this one until I refactor.