最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Create

旗下网站admin4浏览0评论

Create

Create

Int*_*arX 11

因此,经过大量研究和测试,我终于想通了,我希望它可以拯救任何与我处于相同情况的人

我找到了两种可以解决此问题的解决方案,一种使用.env有时有效的文件,另一种解决方案是css我想说的始终可以解决此问题的解决方案。

修复 #1:.env 解决方案

在根文件夹级别(与 .gitignore、package.json、README.md、yarn.lock、/src 相同的级别)中,创建一个.env文件并在其中包含以下内容:

FAST_REFRESH=false

这有时有效,但如果一段时间后这不起作用,请继续下面的第二个解决方案。

修复 #2:App.css修复禁用 iframe 的指针事件

这个解决方案为我节省了很多。基本上,这个解决方案修复的是围绕 React.js 模板中应用程序中存在的 html 文件的包装 iframe。

在您的全局样式文件中,将以下属性添加到 iframe 元素:pointer-events: none. 然后我将这个 css 文件导入到我的 JSX 页面中,这样它将删除页面周围的这个 iframe 包装器。这将禁用 iframe 覆盖并允许您有效地单击窗口框架内的任何位置。

iframe { pointer-events: none;}

希望这些解决方案之一可以为您节省数小时的研究和时间

AKr*_*h95 6

我还没有尝试过,但接受的答案看起来只会禁用快速刷新,这并不理想,所以..

看看这个 github 问题响应

github./@*-*@/create-react-app/issues/11880#issuement-1005409614

具体来说,我只需要

// package.json"resolutions": { "react-error-overlay": "6.0.9" },

确保运行yarn或npm install更新后

Create

发布评论

评论列表(0)

  1. 暂无评论