I am Getting issue with mime when i deploy my site

PLEASE help us help you by writing a good post!

My site name is ‘https://varun-s-portfolio.netlify.app/

getting a mime issue and i developed this site using vite and
the build settings

Build settings

Runtime
Not set

Base directory : /

Package directory : Not set

Build command: vite build

Publish directory : Not set

Functions directory : netlify/functions

Build status : Active

Below is my error the page is white blank
image

Help me with this

Currently the code source file main.jsx is loading instead of the built file.

You need to configure this.

You’ll find relevant information in the following documentation