Next.js 14调用API路由时出现404错误，急求解决方案

我尝试解决调用/api/hello/这类API路由时出现的404错误，已经搜索了相关文章、YouTube视频，甚至查阅了Next.js官方文档，但都没找到解决办法。我从零新建了一个项目，问题依然存在。

以下是app/api/hello/router.ts的代码：

import { NextResponse, NextRequest } from "next/server";

export async function GET(request: NextRequest) {
  return NextResponse.json({
    messsage: "hello world",
  });
}

急需解决这个问题的帮助。

内容的提问来源于stack exchange，提问作者Eyad Farah