NextJs が見つからないページは約 3 秒ごとにリロードされます

Question

私はこれに従っています https://nextjs.org/docs/app/api-reference/file-conventions/not-found

すべてが正常に動作しますが、見つからないページは毎秒リロードされます。これは私のページのコードが見つかりません

「next/link」からリンクをインポートします;

デフォルト関数をエクスポート NotFound() {
  戻る （
    <div className="overflow-hidden bg-white text-black md:py-20"""
      <div className="コンテナ相対 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">
              おっと! <br /> ページが見つかりませんでした
            </h2>
            <span className="絶対左-0 トップ-0 w-完全変換 ホワイトスペース-nowrap text-[250px] font-extrabold text-gray-400 opacity-40 Blur-[2px] md:-left-[5% ] xl:text-[300px]">
              エラー404
            </span>
            <p className="mx-auto text-center text-base md:p-4 xl:w-2/3 xl:text-xl">
              ただし、心配する必要はありません。当社の熟練した開発者チームは、
              あなたのブラウジングエクスペリエンスを向上させるために常に取り組んでいます。
              その間、他の素晴らしいコンテンツもお気軽にご覧ください。
              刺激的な洞察を発見します。
              <br />
              誤ってこのページに到達したと思われる場合は、次のことを行ってください。
              URL を再確認するか、ナビゲーション リンクを使用して目的地を見つけてください。
              当社ウェブサイトのメインセクションに戻ります。
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}

Answer 1

これは Next.js の既知のバグであり、GitHub で報告されています。どうやら、開発モード (npm run dev) でのみ発生しますが、実稼働モード (npm run build && npm start) では問題ありません。

Link コンポーネントを使用していることに気付きましたが、これが問題である可能性があります。

したがって、「next/link」; から import Link を削除すると、使用していないので機能するはずです。

また、 ターボパックを使用すると問題が解決したと報告する人もいます。