首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >创建-反应-应用程序的开发服务器在遇到ESLINT检测到的错误时停止自动刷新。

创建-反应-应用程序的开发服务器在遇到ESLINT检测到的错误时停止自动刷新。
EN

Stack Overflow用户
提问于 2021-01-23 11:49:21
回答 2查看 575关注 0票数 0

我在VS代码中启动React.js项目

npm启动

当ESlint遇到错误时,create的开发服务器就会停止.当错误被修复时,它永远不会自动刷新页面。通过按刷新按钮或F5手动刷新浏览器页面是必要的。

例如:如果删除一些结束括号(默认情况下为错误,不是由ESlint配置的),则开发服务器将停止,但当我将括号放回时,服务器将自动刷新页面。但是,当错误由ESlint定义时(例如,“无尾随空间”),开发服务器就会停止,并且在修复错误之后,它永远不会刷新页面。

以下是图片的结果:

当ESlint遇到错误时,服务器将停止。

修复错误后,服务器仍然会显示错误,并且不会自动刷新。

附注:实际上,服务器在第一个固定错误上只刷新一次!对于每一个后续的固定错误,服务器永远不会刷新!

有办法解决这个问题吗?

非常感谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-01-28 18:49:01

事实证明,这个问题与ESlint无关,而是与react脚本版本有关。

不幸的是,我花了几天时间才弄清楚问题是从哪里来的。

首先,我认为这个问题与ESlint有关,但我错了。

即使没有项目中的ESlint,开发服务器也不会刷新。

经过我的研究,我发现问题来自于react脚本版本4.0.0和4.0.1。

此时唯一的解决办法(当Reactive-Script4.0.1可用且不起作用时)是降级为react脚本3.4.4。

为此,我使用以下步骤:

在项目文件夹中:

代码语言:javascript
运行
复制
1. In "package.json" file change react-scrips version: "react-scripts": "3.4.4"

2. Delete "package-lock.json" file

3. Delete whole folder "node_modules"

4. In the Terminal: npm install

5. In the Terminal: npm start

在这些步骤之后,开发服务器再次刷新,就像一个魅力:)

我想指出的是,上面的步骤必须适用于使用react脚本4.0.0或4.0.1并且有来自Development服务器的刷新问题的人员。

票数 0
EN

Stack Overflow用户

发布于 2021-01-23 12:55:17

如果没有发生这种情况,请尝试以下解决方法之一:

  • 如果您的项目位于Dropbox文件夹中,请尝试将其移出。
  • 如果观察者没有看到一个名为index.js的文件,并且您正在按文件夹名引用它,则由于Webpack的错误,您可以使用需要重新启动监视程序
  • 一些编辑器,如Vim和IntelliJ,有一个“安全写入”功能,目前破坏了观察者。你需要禁用它。按照“禁用vim中的交换文件创建”中的说明操作。
  • 如果项目路径包含括号,请尝试将项目移动到没有括号的路径。这是由Webpack观察虫引起的。
  • 在Linux和macOS上,您可能需要调整系统设置以允许更多的观察者。
  • 如果项目在虚拟机中运行,例如( Vagrant ) VirtualBox,如果不存在,则在项目目录中创建一个.env文件,并将CHOKIDAR_USEPOLLING=true添加到其中。这确保下次运行necessary时,观察者在VM中使用轮询模式。
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65858860

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档