Implementing client-side plugin usage in Inertia SSR + Vue

Question

I'm using Laravel10 (jetstream) + Vue3 + InertiaJS. I want to enable SSR for my project, but I'm having trouble with the Vueapexcharts plugin. It doesn't work. I also encountered the same problem as @fawmi/vue-google-maps. Google didn't help me.

P粉578680675 · Answer

Encountered the same problem using PrimeVue plugin on the same stack. Follow the thread.

My mistake:

Directory import '/path_to_project/node_modules/primevue/config' does not support parsing ES modules imported from /path_to_project/bootstrap/ssr/ssr.mjs

P粉696605833 · Answer

I can only talk about vue-google-map Try this library vue3-google-map

If you use vite, you need to add the following to your vite configuration

ssr: {
  noExternal: [...你的库,"vue3-google-map",...你的库],
},