Import.meta.env. получить ошибку Неожиданный «экспорт» в astro

Я столкнулся с проблемой использования переменной среды в проекте Astro.

В моем файле .env есть PUBLIC_DOMAIN = 'https://abc.com.vn/'.

Структура моего проекта:

Проблема в том, что когда я набираю const DOMAIN = import.meta.env.PUBLIC_DOMAIN в любом файле .astro в компонентах, он работает нормально, и я могу получить PUBLIC_DOMAIN. Но если файл использует эту строку в любом файле в pages/[lang], это вызывает ошибку типа «Неожиданный экспорт».

Ошибка, вызванная кодом, выглядит так:

import {getLangFromUrl, useTranslations} from '../../i18n/utils'
import {languages} from '../../i18n/ui'
const DOMAIN = import.meta.env.PUBLIC_DOMAIN

const lang = getLangFromUrl(Astro.url)
const t = useTranslations(lang)

export async function getStaticPaths() {
    return languages.map((lang) => {
        return {params: {lang}}
    })
}

Я хочу спросить, почему это происходит и как я могу это решить. Большое спасибо за любую поддержку.