Uncaught SyntaxError: The requested module '/node_modules/fast-deep-equal/index.js?v=b4f8fdde' does not provide an export named 'default' (at index.esm.js?v=b4f8fdde:1:8)

[luciendub]

As soon as I add import VueGoogleMaps from '@fawmi/vue-google-maps' in the main.js file, an error is shown and the app breaks.

I already tried to remove and read the npm package. No success.

[hi-reeve]

this occured with the new version, try to downgrade the version and it will works

[tahaipek]

Can you try again by adding the following lines in "vite.config.js"?

 optimizeDeps: {
    include: [
      "@fawmi/vue-google-maps",
      "fast-deep-equal",
    ],
  },

[hi-reeve]

ehy is this closed? is this solved?

[RustyJoeM]

Observing the same issue (a bit different v=ABCDEFGH hashes of course) when i try to run with Quasar v2 framework, and initialize/import this map plugin inside it's boot files.

[mmKahal]

Observing the same issue (a bit different v=ABCDEFGH hashes of course) when i try to run with Quasar v2 framework, and initialize/import this map plugin inside it's boot files.

For the Quasar v2 the following solution works:
NathanAP#4 (comment)
Make sure you change "vue-google-maps-community-fork" to "@fawmi/vue-google-maps"

[FalkoJoseph]

Can you try again by adding the following lines in "vite.config.js"?

 optimizeDeps: {
    include: [
      "@fawmi/vue-google-maps",
      "fast-deep-equal",
    ],
  },

This worked!

[PangiotisAndr]

Can you try again by adding the following lines in "vite.config.js"?

 optimizeDeps: {
    include: [
      "@fawmi/vue-google-maps",
      "fast-deep-equal",
    ],
  },

And form me worked!

[arikardnoir]

optimizeDeps: {
include: [
"@fawmi/vue-google-maps",
"fast-deep-equal",
],
},

This worked for me

[StephanusDarellRanahita]

why it didn't work for me ? This is my vite.vonfig.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue()
],
optimizeDeps: {
include: [
"@fawmi/vue-google-maps",
"fast-deep-equal",
],
},
})

and this is my main.js
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

//import store vuex
import store from './store'
//import router
import router from './router'
import Antd from 'ant-design-vue'
import moment from 'moment'
//import ApexCharts
import VueApexCharts from 'vue3-apexcharts'
import { VueGoogleMaps } from '@fawmi/vue-google-maps'

const app = createApp(App)

app.config.globalProperties.$filters = {
timeAgo(date) {
return moment(date).fromNow()
}
}

app.use(router)
.use(Antd)
.use(VueApexCharts)
.use(store)
.use(VueGoogleMaps, {
load: {
key: 'AIzaSyD9v2h-8OfJqpLfNeFCpN_2tSzBbxlgUVA'
}
})
.mount('#app')

[Mivalo]

I don't know if you figured it out, but for anyone else reading this, for me it worked when adding it in defineConfig() like this:

export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  optimizeDeps: {
    include: [
      "@fawmi/vue-google-maps",
      "fast-deep-equal",
    ],
  },
})