reactjs 下一个开发成功运行,但继续在浏览器上加载

qmb5sa22  于 2023-01-25  发布在  React
关注(0)|答案(2)|浏览(141)

运行yarn dev总是成功运行,如我的vs代码终端所示:

$ 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时,浏览器总是停留在这种无休止的加载状态。
下面是我依赖项列表:

"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
我试过多次删除.next文件夹,都没用。
yarn buildyarn start看起来很好。任何关于这个问题的帮助都将不胜感激,谢谢。

qni6mghb

qni6mghb1#

结果发现问题并不在于依赖项、一些随机的next.js错误或浏览器。
这是我关于mongoose/mongodb的代码。在我的一个服务器端.ts文件中,在包含对mongodb的查询的代码的某个部分,我忘记了建立到数据库的连接,所以服务器有点挂起(这只是我的猜测)。
在那部分添加了检查连接的代码之后,开发服务器又可以正常运行了。
如果你已经尝试了其他人给出的解决方案,但仍然不起作用,那么可能是你最近在代码中做了一些事情,阻塞了服务器线程。
那是我的问题,可能也是你的。

nukf8bse

nukf8bse2#

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

npm run dev

相关问题