Tengo un archivo .env en mi proyecto de reacción y uso el paquete dotenv para leer las variables de entorno. Hice un registro de consola de las variables de entorno. Había inicializado algunas variables al principio en el archivo .env y se leía perfectamente.
Más tarde cambié algunos datos en el archivo .env y reinicié el servidor local, pero no se reflejaban los nuevos cambios. INCLUSO después de eliminar el archivo .env e iniciar el servidor, se cargan las mismas variables anteriores. Sé que es un problema de caché, pero no pude encontrar una manera de restablecerlo.
Estoy usando el comando de npm start para iniciar el servidor.
Debe declarar variables con el prefijo REACT_APP según la documentación .
REACT_APP_API_KEY = 'XXXXXXXX' REACT_APP_AUTH_DOMAIN = 'XXXXXXXX' REACT_APP_DATABASE_URL = 'XXXXXXXX' REACT_APP_PROJECT_ID = 'XXXXXXXX' REACT_APP_STORAGE_BUCKET = 'XXXXXXXX' REACT_APP_MESSAGING_SENDER_ID = 'XXXXXXXX' REACT_APP_API_ID = 'XXXXXXXX' REACT_APP_MEASUREMENT_ID = 'XXXXXXXX'Y del mismo modo, acceda a ellos con el prefijo en su código
console.log(process.env.REACT_APP_PROJECT_ID);Nota: Debe reiniciar el servidor de desarrollo cada vez que actualice el archivo env para consumir los cambios.
Cambiar las variables de entorno requiere reiniciar el servidor de nodos para tomar los nuevos valores.
Pero a veces, no funciona, por lo que debe aplicar un restablecimiento de caché.
npm start --reset-cache