NodeJS localhost:3000前端未加载到NextJS应用程序上

ybzsozfc  于 2023-01-16  发布在  Node.js
关注(0)|答案(3)|浏览(156)

新的React开发人员在这里。我有一个电子商务应用程序,我一直在通过(Strapi后端,下一个前端),我有很多麻烦,当谈到加载前端的localhost。
我在localhost:1337上用npm start运行后端,加载正常。然后我尝试用npm run dev运行前端,但是localhost:3000没有加载。之前,我的localhost:3000被一个Razer服务器使用,我想终止它,但是,这个修复似乎不再起作用了。
我尝试过如下更新我的package.json文件,以便在不同的端口上加载前端。

"scripts": {
    "dev": "set PORT=3008 && next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

我还在cmd中尝试了如下netstat,但没有返回任何结果

netstat -a -o | find "3008"

我已经检查了Porthog,看看端口3000/3008是否在使用后,启动我的前端,每次都显示如下。

PORT      PID       PROCESS
--------------------------------------------------
3000      -         -

作为最后的手段,我也已经多次重新启动我的PC。
感觉有点挫败感,所以任何帮助都很感激,谢谢。

vsaztqbk

vsaztqbk1#

您提供的错误实际上是一个编译时错误,这意味着它将完全停止开发服务器。您必须在能够运行开发服务器之前修复该错误。
检查dev服务器是否已经停止的一个好方法是看是否看到终端提示符(在您的例子中是PS (path)>),如果它正在运行,就不会有这样的提示符,您的最后一个日志应该是沿着compiled / successfully这样的行。

lp0sw83n

lp0sw83n2#

对我很有效
1.删除. next文件夹并尝试npm运行dev命令
1.将项目移动到另一个文件夹位置
1.备份代码并删除项目,然后再次运行相同的项目
1.您也可以尝试以上所有方法

nukf8bse

nukf8bse3#

我也遇到了同样的问题。你能检查一下你是否安装了你在应用中引用的软件包吗?对我来说,这是因为我设置了TailwindCSS配置,但实际上没有安装TailwindCSS

相关问题