部署到 vercel 时出错，但运行 npm 运行构建时没有错误

Question

我正在尝试将我的项目部署到 Vercel，因此在我将更改推送到 GitHub 之前，我运行npm run build ，它构建得很好，没有错误但是当 Vercel 尝试构建时，我收到一个错误，它无法读取未定义的属性（我相信这是因为没有执行 API 调用的 function 调用）。 我怎样才能解决这个问题？

我认为导致问题的代码

export const getStaticProps = async () => {
    const popularCountries = ["Netherlands", "Poland", "Canada"]
    let countryData = [];
    const date = getDate();
    const promise1 = popularCountries.map(async country => {
        const options = {
            method: 'GET',
            url: 'https://covid-19-statistics.p.rapidapi.com/reports',
            params: {
              region_name: country,
              date: date
            },
            headers: {
              'x-rapidapi-host': 'covid-19-statistics.p.rapidapi.com',
              'x-rapidapi-key': process.env.RAPID_API_KEY
            }
        };
        await axios.request(options).then(response => {
            const data = response.data.data;
            const country_name = data[0].region.name;
            const date = data[0].date;
            const iso = data[0].region.iso;
            let cases = 0;
            let deaths = 0;
            data.map(item => {
                cases += item.confirmed;
                deaths += item.deaths;
            })
            countryData.push({
                "country_name": country_name,
                "date": date,
                "cases": cases,
                "deaths": deaths,
                "iso": iso
            })
        })
        .catch((error) => {
            console.error("error - ", error);
        });
        return countryData;
    })
    const returnedData = await Promise.all(promise1);
    const data = returnedData[0];

    return {
        props: { data },
        revalidate: 43200
    }
}

我被卡住了，因为我没有收到错误，所以我不确定如何调试/修复这个问题。

Answer 1

看起来您在项目中使用环境变量。 所以请确保添加它们。

在设置/环境变量中，将它们添加为键/值对：

如果您添加了它们，请确保它们具有正确的值