Webpack-dev-server一直尝试重新连接

cl25kdpy  于 2023-04-21  发布在  Webpack
关注(0)|答案(1)|浏览(307)

我和一小群人在做一个Angular项目,似乎只有我一个人有这个问题。我们所有人都在基于同一个主分支的分支上工作,主分支有前端环境。
每当我打开一个浏览器控制台并刷新项目的编译和渲染页面时,我都会遇到一堵超时发出的[webpack-dev-server]日志墙。这反过来会减慢页面的加载速度,并使代码中的任何小调整都慢得令人难以忍受。我在1下面发布了一个控制台的屏幕截图。如果我尝试在不打开控制台的情况下刷新页面,所有的东西都加载得更快,没有任何问题。可悲的是,“在刷新之前关闭控制台”不起作用,因为我需要页面的移动的视图。
我知道的事情可能会有所帮助:

  • Edge和Chrome都会出现这种情况。还没有在其他浏览器上尝试过。
  • 当我通过Opera连接localhost时,在我的PC上不会发生这种情况
  • 这不会发生在具有相同项目的其他PC上。
  • 这种情况发生在其他的angular项目中。
  • npm安装和更新似乎没有改变任何问题。
  • Webpack版本:5.74.0
  • Webpack-dev-server版本:4.11.0
  • 我使用Visual Studio和Intellij作为IDE
  • 使用npm start编译项目后,出现了新的错误。第二张图片供参考
    更新

这种重新连接循环只有在我通过浏览器的开发控制台打开移动的视图后才开始发生。如果我从不打开移动终端视图,刷新页面不会花费太多时间。如果我打开移动设备视图,循环开始,每次刷新页面都需要很长时间。如果我关闭设备视图并重新启动控制台,循环似乎停止了(没有更多的控制台日志从图像1).似乎有新的错误,但这些可能是由事实造成的,我没有正确设置后端和本地数据库.可能是无关的,但我会添加一个形象2清晰和以防万一.
任何建议都是有帮助的,我很乐意添加任何需要的信息。
Reconnection Loop
npm start errors - HTTP request to non existent backend

vsaztqbk

vsaztqbk1#

这是一篇半年前的文章,但仍然很重要。
“..这个重新连接循环只有在我通过浏览器的开发控制台打开移动的视图后才开始发生..”
同样的事情发生在我与最新的VS代码和Chrome(版本:112.0.5615.121)在Win10上用一个有Angular 的14应用程序,在我打开移动的视图然后刷新浏览器后。
我尝试的是:

  • 将C:\Windows\System32\drivers\etc\hosts中的主机设置为127.0.0.1localhost
  • npm start而不是ng serve(npm start运行ng serve,所以在我的情况下没有意义)
  • 在devtools设置中设置并授予工作区文件夹的权限(工作区文件夹是angular应用程序的根文件夹)

不会有帮助。
但令我惊讶的是Microsoft Edge版本:112.0.1722.48即使在移动的视图中,它也可以在没有重新连接循环的情况下工作
我安装的Chrome扩展是:

  • 驱动器3.5
  • 谷歌文档1.60.0
  • JSON格式化器0.7.1
  • ModHeader -修改HTTP头4.3.2

相关问题