Next dev 成功运行，但继续在浏览器上加载

Question

运行yarn dev始终成功运行，如我的 vs code 终端所示：

$ yarn dev
yarn run v1.22.19
warning ..\..\..\..\package.json: No license field
$ next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from C:\Users\Jesti\OneDrive\Desktop\projects\vallendra-portfolio\.env.local
event - compiled client and server successfully in 5.1s (540 modules)
wait  - compiling / (client and server)...
event - compiled client and server successfully in 1963 ms (548 modules)
wait  - compiling...
event - compiled client and server successfully in 1913 ms (540 modules)

每当有代码更改时，它甚至都能成功重新编译，但不知何故，当我尝试访问localhost:3000时，浏览器始终处于这种无休止的加载状态 state。

这是我的依赖项列表：

"dependencies": {
    "@giscus/react": "^2.2.6",
    "@material-tailwind/react": "^1.2.5",
    "@vercel/og": "^0.0.27",
    "mongoose": "^6.8.4",
    "next": "^13.1.5",
    "next-cloudinary": "^1.11.0",
    "next-themes": "^0.2.1",
    "nextjs-progressbar": "^0.0.16",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-icons": "^4.6.0",
    "swr": "^2.0.1"
  },
  "devDependencies": {
    "@tailwindcss/line-clamp": "^0.4.2",
    "@types/node": "18.11.18",
    "@types/react": "^18.0.17",
    "@types/react-dom": "^18.0.6",
    "autoprefixer": "^10.4.12",
    "postcss": "^8.4.18",
    "prettier": "^2.8.3",
    "prettier-plugin-tailwindcss": "^0.2.1",
    "tailwind-scrollbar": "^2.0.1",
    "tailwindcss": "^3.1.8",
    "typescript": "^4.6.4"
  }

我尝试重新启动浏览器和 PC。

我尝试重新安装所有依赖项，甚至尝试降级到next 12.3.0 ，因为我在我的package.json中使用了next 13.1.5 。

我尝试多次删除 the.next 文件夹。 这些都没有用。

yarn build和yarn start看起来不错。 非常感谢有关此问题的任何帮助，谢谢。

Answer 1

事实证明，问题不在于依赖项、一些随机的 next.js 错误或浏览器。

这是我关于 mongoose/mongodb 的代码。 在我的一个 server side.ts 文件中，代码的某个部分包含对 mongodb 的查询，我忘记建立与数据库的连接，因此服务器有点挂起（这只是我的猜测）。

在我在那部分添加检查连接的代码后，开发服务器再次正常运行。

如果您已经尝试了其他人提供的解决方案，但仍然无效。 您最近在代码中执行的某些操作可能会阻塞服务器线程。

那是我的问题，它可能也是你的。

Answer 2

尝试使用 npm 并使用以下 npm 命令

npm run dev