我在VS代码中启动React.js项目
npm启动
当ESlint遇到错误时,create的开发服务器就会停止.当错误被修复时,它永远不会自动刷新页面。通过按刷新按钮或F5手动刷新浏览器页面是必要的。
例如:如果删除一些结束括号(默认情况下为错误,不是由ESlint配置的),则开发服务器将停止,但当我将括号放回时,服务器将自动刷新页面。但是,当错误由ESlint定义时(例如,“无尾随空间”),开发服务器就会停止,并且在修复错误之后,它永远不会刷新页面。
以下是图片的结果:
附注:实际上,服务器在第一个固定错误上只刷新一次!对于每一个后续的固定错误,服务器永远不会刷新!
有办法解决这个问题吗?
非常感谢!
发布于 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。
为此,我使用以下步骤:
在项目文件夹中:
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服务器的刷新问题的人员。
发布于 2021-01-23 12:55:17
如果没有发生这种情况,请尝试以下解决方法之一:
https://stackoverflow.com/questions/65858860
复制相似问题