为什么 Next.js 中的 <Link> 组件不能预取？

问题描述

我读了很多博客，每个人都提到 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>
    )
}

解决方法

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

尝试在生产模式下运行您的应用。

npm run build && npm run start