每次我尝试运行我的 api 调用时，我的密钥都是未定义的：https://api.rawg.io/api/games?key=undefined&dates=2022-04-03,2023-04-03&ordering=-rating&page_size=10h这是我的 api 文件：cons...

每次我尝试运行我的 api 调用时，我的密钥都是未定义的： https://api.rawg.io/api/games?key=undefined&dates=2022-04-03,2023-04-03&ordering=-rating&page_size=10

这是我的 api 文件：const url = 'https://api.rawg.io/api/games?key=';

const getCurrentMonth = () => {
const month = new Date().getMonth() + 1
if (month < 10) {
    return `0${month}`
} else {
    return month
}
}

const getCurrentDay = () => {
const day = new Date().getDay()
if (day < 10) {
    return `0${day}`
} else {
    return day
}
}

const currentYear = new Date().getFullYear();
const currentMonth = getCurrentMonth();
const currentDay = getCurrentDay();
const currentDate = `${currentYear}-${currentMonth}-${currentDay}`;
const lastYear = `${currentYear - 1}-${currentMonth}-${currentDay}`;
const nextYear = `${currentYear + 1}-${currentMonth}-${currentDay}`;

const popularGames = `&dates=${lastYear},${currentDate}&ordering=-rating&page_size=10`;
const upcomingGames = `games?dates=${currentDate},${nextYear}&ordering=-added&page_size=10`
const upcomingGameURL = () => `${url}${process.env.REACT_APP_API_KEY}${upcomingGames}`
const popularGamesURL = () => `${url}${process.env.REACT_APP_API_KEY}${popularGames}`;
console.log(popularGamesURL())

这是我的环境文件：REACT_APP_API_KEY=bfd1ac5d55.........

文件结构如附图所示

本来应该正常工作的 api 调用成功了，但是后来就停止工作了?????我安装了 npm dotenv，我尝试了 require('dotenv').config(); ，当 console.log api 调用时它可以工作，但是当使用 react app 进行调用时它会导致另一个错误。