部署到 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

看起來您在項目中使用環境變量。 所以請確保添加它們。

在設置/環境變量中，將它們添加為鍵/值對：

如果您添加了它們，請確保它們具有正確的值