Top-level await is not available in the configured

yosi2024/08/25 8:43

AstroJSを使っているときに以下のエラーが発生しました。

[ERROR] Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 overrides)

Answerer AIPowered by gpt-3.5-turbo

このエラーは、AstroJSを使用中に発生したものです。エラーは以下の意味です。

「設定されたターゲット環境（"chrome87"、"edge88"、"es2020"、"firefox78"、"safari14" + 2 つのオーバーライド）では、トップレベルのawaitは使用できません。」

このエラーメッセージは、AstroJSの設定において、トップレベルのawaitがサポートされていない環境で使用されたことを示しています。

トップレベルのawaitは、非同期処理を直接トップレベルのコンテキストで実行する新しいJavaScriptの機能です。しかし、このエラーメッセージによると、指定された環境ではその機能はサポートされていないようです。

このエラーを解決するには、AstroJSの設定を変更し、トップレベルのawaitがサポートされている環境を選択するか、または別の非同期処理のアプローチを取る必要があります。

yosi2024/08/25 8:56

以下のように解決した。

調べて出てきたesbuildOptionsでは解決しなかった。

export default defineConfig({
  ...,
  vite: {
    optimizeDeps: {
      esbuildOptions: {
        target: "es2022",
      },
    },
    build: {
      target: "es2022",
    },
  },
})

参考

https://qiita.com/Qoo_Rus/items/d03034cae194972bc20e

https://zenn.dev/lollipop_onl/articles/nuxt3-toplevelawait

コメントするにはログインが必要です

yosi