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 Vue apexcharts plugin.

It doesn't work.

I also encountered the same problem as @fawmi/vue-google-maps.

Google didn't help me.

Answer 1

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

Answer 2

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",...你的库],
},