Next.js 14本地开发终端持续高频发送请求问题求助
本地Next.js项目启动后终端出现大量异常请求
我不清楚当前状况,希望能找到解决方案。这一现象十分奇怪,除了截图之外我不确定该提供哪些信息。
我正在使用Next.js搭建新网站,今天上班后执行npm run dev时,终端突然出现大量GET和POST请求,截图如下:
整个应用都在本地运行,用MAMP测试所有后端内容。执行npm run dev后,页面编译完成瞬间,终端就开始快速输出这些请求,速度快到无法阅读。我立即终止进程查看日志,发现很多请求指向.next文件夹深层内容,还有一些完全不认识。
已尝试的解决步骤
- 删除
.next文件夹并重新构建 - 删除
node_modules - 执行
npm clear cache --force
我可能会重新安装Node.js,但还是不明白问题所在。目前因为不清楚状况,不敢运行这个应用,可提供任何相关信息。
提前感谢帮助。
相关代码
Layout.js
import { Inter } from 'next/font/google'; import Header from './components/header/header'; import Sidebar from './(auth)/auth/components/authSidebar/authSidebar'; import { Session } from 'next-auth'; import { getSession, SessionProvider } from 'next-auth/react'; import './globals.css'; const inter = Inter({ subsets: ['latin'] }) export const metadata = { title: '***', description: '***', } export default function RootLayout({ children, //Component, //pageProps: { ...pageProps }, }) { return ( //<SessionProvider session={session}> <html lang="en"> <body className={inter.className}> <Header className="header" /> {children} </body> </html> //</SessionProvider> ) }
page.js
"use client"; import Calendar from './components/calendar/calendar'; import "tailwindcss/tailwind.css"; export default function Home() { return ( <div className=""> <main className="flex flex-col lg:flex-row min-h-screen items-start justify-start p-24"> {/* <Image src="/work-bg.webp" quality="100" layout="fill" objectFit="cover" className="background-image" /> */} <div className="mb-32 grid text-center lg:max-w-2xl lg:w-full lg:mb-0 lg:grid-cols-1 lg:text-left" > <a href="***" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer" > <h2 className={`mb-3 text-2xl font-semibold`}> ***{' '} <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> -> </span> </h2> <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> *** </p> </a> <a href="***" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer" > <h2 className={`mb-3 text-2xl font-semibold`}> ***{' '} <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> -> </span> </h2> <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> *** </p> </a> <a href="***" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer" > <h2 className={`mb-3 text-2xl font-semibold`}> ***{' '} <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> -> </span> </h2> <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> *** </p> </a> <a href="***" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer" > <h2 className={`mb-3 text-2xl font-semibold`}> ***{' '} <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> -> </span> </h2> <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> *** </p> </a> <a href="***" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer" > <h2 className={`mb-3 text-2xl font-semibold`}> ***{' '} <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> -> </span> </h2> <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> *** </p> </a> </div> <div className="ml-72 hidden bg-white rounded-s-2xl grid text-center lg:max-w-2xl lg:w-full lg:mb-0 lg:grid-cols-1 lg:text-left"> <Calendar /> </div> </main> </div> ) }
注:敏感内容已替换为"***"
内容的提问来源于stack exchange,提问作者james182
相关产品推荐
相关产品推荐

