Переменные среды не полностью применяются для внешних сценариев в Nuxt 3 ⇐ Javascript

[Anonymous]

проблема
Переменные среды, определенные в nuxt.config.ts , получены правильно, но внешние сценарии (например, Google Analytics и Chatway) полагаются на эти переменные не работают. Сценарии добавляются к DOM, но не могут инициализировать.config.public.FORMSPREE< /code>) работает, как и ожидалось. Код < /h2>
const loadAfterConsentScripts = () => {
const config = useRuntimeConfig();
const scripts = [
`https://www.googletagmanager.com/gtag/j ... _ANALYTICS}`,
];
loadScripts(scripts);

// Initialize Google Analytics
window.dataLayer = window.dataLayer || [];
function gtag() {
window.dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", config.public.GOOGLE_ANALYTICS);
};

const loadChatwayScript = () => {
const config = useRuntimeConfig();
const chatwayScript = document.createElement("script");
chatwayScript.id = "chatway";
chatwayScript.async = true;
chatwayScript.src = `https://cdn.chatway.app/widget.js?id=${ ... ic.CHATWAY}`;

chatwayScript.onload = () => {
console.log("Chatway script loaded.");
if (window.Chatway && typeof window.Chatway.init === "function") {
window.Chatway.init();
} else {
console.error("Chatway did not initialize.");
}
};

document.body.appendChild(chatwayScript);
};
< /code>
среда < /h2>

nuxt version < /strong>: 3.17.2 < /li>
< /ul>
Вопрос < /h2>
Зачем. Прилагаются к DOM? Как я могу гарантировать, что эти сценарии инициализируются в Nuxt 3? < /P>
Спасибо! Любая помощь ценится.


Подробнее здесь: https://stackoverflow.com/questions/796 ... -in-nuxt-3