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