Build vite vanilla js not working

[Fqlox]

Describe the bug

I did a small project using vite using vanilla js and json file, I did a build that work well when using run preview, but it doesn't work with live server nor when I deploy it on server. I found this post #9088 but it doesn't really answer the issue.

Reproduction

https://github.com/Fqlox/vite_minimal/tree/main

Steps to reproduce

I did a
npm run build
Then upload the dist dir in my server via ftp.

System Info

System:
    OS: macOS 12.3
    CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
    Memory: 227.86 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 20.0.0 - /usr/local/bin/node
    npm: 9.6.4 - /usr/local/bin/npm
  Browsers:
    Brave Browser: 100.1.37.111
    Chrome: 113.0.5672.92
    Firefox: 112.0.1
    Safari: 15.4
  npmPackages:
    vite: ^4.3.2 => 4.3.6

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.

[patak-dev]

This isn't enough to reproduce your issue. The project works correctly as you said. Maybe you are uploading it to a server that has a base as in https://my.domain.com/foo/bar/ and to deploy there you need to configure https://vitejs.dev/config/shared-options.html#base as /foo/bar/.

[Fqlox]

What if the server directory is not defined yet ? (which is the case here)

[patak-dev]

You can use relative base './'. You may have issues with that fetch though. Vite doesnt process that paths. You can import the resource instead