My .env（在根目录中）：

REACT_APP_ID = '123456';
REACT_APP_KEY = 'abcde123';

在app.js中：

useEffect(() => {
    getRecipes();
  }, [query]);

const getRecipes = async () => {
    const response = await fetch(`https://api.edamam.com/search?q=${query}&app_id=${process.env.REACT_APP_ID}&app_key=${process.env.REACT_APP_KEY}`); //change the elements in the query to match ur ID and KEY + query
    const data = await response.json();
    console.log(data.hits);
    setRecipes(data.hits); 
  }

但是，它不起作用。控制台中抛出错误：
第一个
我已经尝试通过npm start重新启动服务器，但它不起作用。
如何解决这个问题？