Erreur d'intégration du SDK avec Axeptio dans Nuxt3

Question

Je développe actuellement un projet Nuxt3 et j'ai besoin d'intégrer les scripts fournis par Axeptio (plateforme de cookies).

J'ai créé le plugin Nuxt3 pour utiliser leur intégration de script

export default defineNuxtPlugin((useNuxtApp) => {
  ;(<any>window).axeptioSettings = {
    clientId: '...',
    cookiesVersion: '...',
  }

  ;(function (d, s) {
    var t:any = d.getElementsByTagName(s)[0],
      e: any = d.createElement(s)
    e.async = true
    e.src = '//static.axept.io/sdk.js'
    t.parentNode.insertBefore(e, t)
  })(document, 'script')
})

Mais ça va jeter

Uncaught TypeError : impossible de lire la propriété non définie (lire 'REACT_APP_SC_ATTR')

Je l'ai donc essayé dans Nuxt2 et ça fonctionne bien.

Que dois-je faire pour que cela fonctionne ?

Answer 1

Nuxt3 est basé sur Vite, donc n'utilise pas process.env comme Webpack4 (dans Nuxt2).
Voici comment accéder aux variables d'environnement dans Nuxt3 en utilisant import.meta.env.YOUR_COOL_ENV_VAR.