Vue 3 in CEF led to a blank page with no errors

[Gazoo101]

Hey everyone,

I recently adopted Vue 3 as the framework to rebuilt the front-end in an application I'm writing. The framework is awesome, I love it, takes a bit to get used to, but so does any new framework/library.

Having reached a feature milestone today, I opted to work on making the front-end deployable with the application. I use Vite to serve the front-end, so I built the web-resources for deployment via npm run build, ran into the usual CORS issue, solved that, and was finally faced with a blank page in CEF.

All I could tell from the CEF command log was everything up until about app.mount('#app') was executed, and then nothing. No errors, no nothing.

I googled around and found a small assortment of suggestions, but none of them felt right, then I happened upon the following page and honestly just thought it was worth a shot in the dark.

Much to my surprise, it worked! Substituting createWebHistory with createWebHashHistory made my entire page appear and execute.

While it's entirely possible that I have some CEF functionality missing that would have allowed for the non hashed web version to work, I'm opting to write here just to spin ideas and either help others or get a ball rolling on some additional logging that Vue 3 perhaps could provide to help mitigate this type of issue.

Cheers,
Gazoo