Next.js 15中loading.tsx加载组件无法显示的问题求助

我正在学习Next.js 15，做了个超简单的项目，就是想搞懂loading.tsx页面的用法。我把loading.tsx和page.tsx都放在src/app目录下了。

我的项目文件内容如下： #

loading.tsx

export default function Loading() {
  return <p>Loading...</p>;
}

page.tsx

export default async function Home() {
  await new Promise((resolve) => setTimeout(resolve, 4000));

  return (
    <div>
      <h1>Home Page</h1>
    </div>
  );
}

layout.tsx

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

我用的是Next.js 15.1.6版本。

遇到的问题 #

现在的问题是，加载界面完全不显示！要等4秒之后，直接就显示page.tsx里的内容了，根本看不到"Loading..."的提示。有没有大佬能帮我看看这是咋回事啊？

补充更新 #

按照Marek的提示，我分别在谷歌Chrome和微软Edge里试了，还是不行；但换成Brave浏览器之后，加载组件居然完美显示了！而且我用手机通过局域网访问这个项目的时候，加载界面也正常出现了。我真的搞不懂这是什么情况，希望这个问题能尽快被修复吧🥲

备注：内容来源于stack exchange，提问作者Taha Boud