How to view a component in release mode using Vite?

Custom Components
5

I found the solution, I knew it was probably something very simple. @palashb01, it wasn’t adding the /component/... URL to the public path though.

I search and discovered another streamlit + vue + vite repository that has the vite.config.js file like this:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  plugins: [vue()]
})

Then, comparing it to my file, I noticed the line base: './',. From Vite’s documentation, the base option is:

Base public path when served in development or production.

And when I added base: './', to my vite.config.js file, the component finally rendered in _RELEASE = True.