reactjs - variable de entorno process.env indefinida

Estoy intentando acceder a una variable de entorno a través de process.env en mi código de React/Typescript, pero devuelve undefined. Sin embargo, puedo acceder a NODE_ENV.

console.log(process.env.CURRENT_URL) // prints "undefined" on browser

console.log(process.env.NODE_ENV) // prints "development" on browser

CURRENT_URL está presente en la variable de entorno de Windows.

¿Por qué process.env.NODE_ENV es accesible pero no la otra variable?

Respuesta #1

Esta es tu respuesta, de la documentación oficial de create-react-app.

Resumen:
Por defecto tendrás NODE_ENV definido para ti, y cualquier otra variable de entorno que comience con REACT_APP_.

Así que antepón REACT_APP_ a todas tus variables de entorno, por ejemplo REACT_APP_CURRENT_URL.
¡Eso debería funcionar!

Respuesta #2

Como estás en un proyecto de react, tendrías que anteponer las variables de entorno con REACT_APP_.

Puedes seguir esos pasos:

• Proporcione una variable en su archivo .env que comience con REACT_APP_ (por ejemplo: REACT_APP_MY_VAR).
• Luego, en tu código, puedes obtenerlo usando process.env (por ejemplo: process.env.REACT_APP_MY_VAR).

Ejemplo :

Define las variables en el archivo .env

REACT_APP_PASSWORD=1234
REACT_APP_LANGUAGE=english

¿Cómo usar las variables de entorno?

console.log(process.env.REACT_APP_LANGUAGE);

// output: english

No olvides reiniciar la aplicación cuando agregues una nueva variable de entorno.