Converting Module Imports to Relative Paths for Production?

My build stack: Laravel 10, InertiaJS 1, ViteJS 4, VueJS 3

I'm trying to figure out the last mile of deploying my website project to production using Vite... Initially I had tried to get Vite running on the production server, but that seemed to create more problems than it solved... Now that I'm back on track trying to deploy the static build assets to production, I'm 99% of the way there... I just cannot seem to understand how to fix browser errors like... Uncaught TypeError: Failed to resolve module specifier "axios". ...and... Uncaught TypeError: Failed to resolve module specifier "vue".

My resources/js/bootstrap.ts file contains the import: import axios from 'axios';

...and my resources/js/app.ts file contains the import: import {createApp,h} from 'vue'; (in addition, I'm also obviously importing from vue throughout my *.vue files/componnets)

How do I fix this for production so that the browser imports these modules properly? (Is there a component that does this automatically, or a config setting that is not set properly that does this?)