réagir aux variables d'environnement .env retourner undefined

Question

Je suis en train de créer une application de réaction et j'ai besoin de récupérer les données de mon API, maintenant je veux stocker l'URL de l'API en tant que variable d'environnement. J'ai mon fichier .env, j'ai installé dotenv, voici mon code process.env.API_URL renvoie undefined.

 import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Home from '../src/components/Home'
import dotenv from  'dotenv'
import path from 'path'


class App extends Component {
  render() {
    console.log(process.env.API_URL)
    return (
      <div>
        <Home/>
      </div>
    );
  }
}

export default App;

Answer 1

Si les solutions ci-dessus ne fonctionnent pas pour vous, veuillez vérifier où se trouve votre fichier ".env". Comme dans mon cas, tout ce que j'avais fait correctement, mais l'erreur est que j'avais placé le ".env" en dehors du répertoire de mon projet en raison de laquelle j'obtiens une erreur.

Remarque: votre fichier ".env" doit se trouver dans le même répertoire que votre "package.json".