Error: x await isn’t allowed in non-async functionが発生した件

環境

Windows10
“node”: “18.15.11”,
“next”: “13.3.0”,
“react”: “18.2.0”,

 

next.jsとtypescriptで非同期処理のコード書いてた時に以下が発生。

Error:

  x await isn't allowed in non-async function

直訳すると「エラー:非同期関数では x await は許可されません。」って感じ。

 

どうやら以下のawaitのとこで発生しているみたい。

export default function Page() {

    const todos: Todo[] = await getData(); //ここ

}

解決

 

関数のとこにasync追加し忘れてただけだった(´;ω;`)ウゥゥ

 

非同期宣言できてないならそりゃエラー出るわ、、

export default async function Page() {

    const todos: Todo[] = await getData();

}

 

参考:

わくわくBank

ECMAScript2017で導入された、async/awaitを利用すると、非同期処理を見通しよく書くことができます。…

Stack Overflow

I have an async function that runs by a setInterval somewher…