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

The Solution is
By setting the large files and the images , gltf and the video in a separate public directory and this issue was resolved

@Varun18122002 That’s not correct.

While you may have encountered a secondary issue for which using the public directory was the answer, the answer to your original issue is as per @dig’s response.