He intentado acceder a las variables de entorno de dos formas y en ambas tengo el mismo resultado. La variable de entorno es "indefinida".

primera forma

He seguido estos pasos:

1. He instalado el módulo "env-cmd"

2. Creé un archivo raíz llamado .env.development con este contenido:

   BACKEND_PROTOCOL = http

   BACKEND_DOMAIN = servidor local

   BACKEND_PORT = 4000

3. En el script para iniciar mi aplicación lo he modificado con estos comandos:

"env-cmd -f .env.development react-scripts start"

4. Intento obtener el valor con:

console.log( ${process.env.BACKEND_PROTOCOL}://${process.env.BACKEND_DOMAIN}:${process.env.BACKEND_PORT} ); consola.log(proceso.env.BACKEND_PROTOCOL);

5. Comienzo el servidor de desarrollo con:

   env-cmd -f .env.desarrollo react-scripts start

He seguido estas instrucciones: ingrese la descripción del enlace aquí

segunda forma

1. He instalado el módulo dotenv

2. He creado en la raíz un archivo llamado .env

3. He llenado este archivo con estos valores: BACKEND_PROTOCOL = http

   BACKEND_DOMAIN = servidor local

   BACKEND_PORT = 4000

4. Hago una importación de dotenv con:

   importar configuración desde "dotenv";

5. Antes de obtener acceso a las variables, llamo a config y luego trato de obtener los valores del entorno:

   config.config(); console.log( ${process.env.BACKEND_PROTOCOL}://${process.env.BACKEND_DOMAIN}:${process.env.BACKEND_PORT} ); consola.log(proceso.env.BACKEND_PROTOCOL);

6. Comienzo mi servidor de desarrollo con estas instrucciones:

   inicio de scripts de reacción

Y tengo el mismo resultado. Tengo indefinido.

¿Qué estoy haciendo mal?