为什么预取对 Next.js 中的 <Link> 组件不起作用？

Question

我读了很多博客，每个人都提到 Next.js 预取 Link，但它对我不起作用。

这是我的 chrome 网络选项卡：

这是我试过的代码：

import  Link from 'next/link' 

export default function Home() {
    return (
        <div >
          <Link href="/home">
              <a>Home</a>
          </Link>
          <Link href="/About/about">
              <a>About</a>
          </Link>
        </div>
    )
}

Answer 1

Next.js 在开发模式下不预取页面，预取是仅限生产的功能。

尝试运行您的应用程序处于生产模式。

npm run build && npm run start

为什么预取对 Next.js 中的 <Link> 组件不起作用？

Why does prefetching not work for <Link> component in Next.js?

prefetch

next.js