zadigetvoltaire / nuxt-gtm

Nuxt 3 module for Google Tag Manager
https://www.npmjs.com/package/@zadigetvoltaire/nuxt-gtm
MIT License
59 stars 3 forks source link

Enabling plugin breaks nuxt (componentName property of undefined) #24

Open laszlo-san opened 6 months ago

laszlo-san commented 6 months ago

When I enable the plugin in the nuxt.config.ts modules I get the following error message:

500
Cannot read properties of undefined (reading 'componentName')

at defineNuxtLink (./node_modules/nuxt/dist/app/components/nuxt-link.js:23:33)
at ./node_modules/nuxt/dist/app/components/nuxt-link.js:264:64
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async ViteNodeRunner.directRequest (/home/laz/node_modules/vite-node/dist/client.mjs:341:5)
at async ViteNodeRunner.cachedRequest (/home/laz/node_modules/vite-node/dist/client.mjs:197:14)
at async ViteNodeRunner.dependencyRequest (/home/laz/node_modules/vite-node/dist/client.mjs:231:12)
at async ./node_modules/nuxt/dist/app/components/index.js:1:31
at async ViteNodeRunner.directRequest (/home/laz/node_modules/vite-node/dist/client.mjs:341:5)
at async ViteNodeRunner.cachedRequest (/home/laz/node_modules/vite-node/dist/client.mjs:197:14)
at async ViteNodeRunner.dependencyRequest (/home/laz/node_modules/vite-node/dist/client.mjs:231:12)

My relevant package.json lines:

    "@zadigetvoltaire/nuxt-gtm": "^0.0.13",
    "nuxt": "^3.8.0",

Nuxt config:

 modules: [
    "@zadigetvoltaire/nuxt-gtm",
    .....
],
.... ,
runtimeConfig: {
   public : {
      gtm: {
        id: process.env.GTM_ID || "",
        enabled: process.env.GTM_ENABLED === "true" || false,
        devtools: process.env.NODE_ENV === "development",
        enableRouterSync: true,
        defer: true,
        compatibility: true,
        source:
          process.env.GTM_SOURCE || "https://www.googletagmanager.com/gtm.js"
      }
  }
}