when React project is deployed, js and css are not loaded by the index.html !!

[issimissimo]

Describe the bug

Hello, I don't know if it's a (huge) bug, or due to my ignorance I'm missing something. In this case please forgive me...
I've deployed a quite simple React app (without TS) with "npm run build", and I've uploaded it to my ftp.
Well, everything it's fine, except that in the generated "index.html" js and css files are requested in this way:

(NOTE: I was not able to include both the lines of the code, because when I publish this post the 2nd line is automatically deleted)

<script type="module" crossorigin src="/assets/index.bda214ef.js"></script>

As you will see the relative path for both "js" and "css" is missing the "." at the beginning.
Indeed it's not working, and I get a 404 error on both files, when I open the "index.html" from the url on my PC/Phone/Tablet

So, I had to manually modify both the path, adding the "." at the beginning, in this way:

<script type="module" crossorigin src="./assets/index.bda214ef.js"></script>

Now it's working, but I'm wondering why I had to do that!
Dos is not supposed that the deploy shoud run out of the box (as with Webpack) ?

Many thanks for your help to understand this issue

Reproduction

https://github.com/issimissimo/Ciakk_React.git

System Info

npm init vite@latest
.... create my code with React JS
npm ruin build

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[stygian-desolator]

maybe use yarn build --base=./ can help you

https://vitejs.dev/guide/build.html#public-base-path

[mozammilkarim]

Thanks, it worked for me as well, You saved my work!.

[TwistYoFate]

in package.json replace vite build with vite build --base=./ , this worked for me, you are free to provide any base path here according to your need

[DorKatzir]

Thanx 🏆

[arm-code]

It's working now :), then, someone to explain us.

[BerryCool]

You are a saint!!

[romeshl]

Amazing. Thank you very much.

[AdanKhan22]

Thanks bro I was searching for a solution for DAYSSS!!!

[abhishekdam-Borderfree]

Modifying the path is not working for me giving me this error

after removing the crossorigin and type module its giving this

[budarin]

you are using static files - but you must use server to serve the files
try to use vite preview command in terminal and follow the link

[Suresh-Boorla]

import React from 'react';
import SearchBar from '../components/SearchBar';
import BookList from '../components/BookList';

const Home = () => {
return (

);
};

export default Home;