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 ?
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
.