NextJs 未找到页面每隔约 3 秒重新加载一次

Question

我正在关注这个 https://nextjs.org/docs/app/api-reference/file-conventions/not-found

但一切正常，但未找到的页面每秒都会重新加载。这是我的未找到页面代码

import Link from "next/link";

export default function NotFound() {
  return (
    <div className="overflow-hidden bg-white text-black md:py-20">
      <div className="container relative mx-auto px-4">
        <div className="grid grid-cols-1 items-center px-4 py-20 xl:py-10">
          <div>
            <h2 className="relative z-10 text-center text-6xl font-bold xl:text-9xl">
              Oops! <br /> Page Not Found
            </h2>
            <span className="absolute left-0 top-0 w-full transform whitespace-nowrap text-[250px] font-extrabold text-gray-400 opacity-40 blur-[2px] md:-left-[5%] xl:text-[300px]">
              ERROR 404
            </span>
            <p className="mx-auto text-center text-base md:p-4 xl:w-2/3 xl:text-xl">
              Don&apos;t worry, though! Our team of skilled developers is
              constantly working to enhance your browsing experience. In the
              meantime, feel free to explore our other amazing content and
              discover exciting insights.
              <br />
              If you believe you&apos;ve reached this page in error, please
              double-check the URL or use the navigation links to find your way
              back to our website&apos;s main sections.
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}

Answer 1

这是 Next.js 中的一个已知错误，已在 GitHub 上报告。显然，它只发生在开发模式（npm run dev）期间，但在生产模式（npm run build && npm start）中没有问题。

我注意到您正在使用 Link 组件，即 可能是问题。

因此，删除 import Link from "next/link"; 应该会使其适合您，因为您没有使用它。

有些人还报告使用turbopack修复了该问题也是如此。