next.js - 为什么预取不适用于 Next.js 中的 组件？

Question

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

这是我的 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