typescript 透明iFrame在使用react-scripts启动时阻止鼠标事件

bsxbgnwa 于 2022-11-18 发布在 TypeScript

关注(0)|答案(5)|浏览(145)

有人遇到过这个问题吗？
当使用react-scripts start时，第一次加载时一切正常。一旦对文件进行了更改，所有鼠标事件似乎都停止工作（不能点击按钮，输入，没有工具提示等），即使浏览器似乎在更新。
如果我刷新页面，事件将再次工作，直到文件被更改。
这在生产中不是问题，因为观察者不参与其中。
有什么想法吗？

编辑：

我发现了这个问题，但是我不确定解决方法是什么。当观察器重新加载的时候，似乎有一个iFrame被添加到DOM中。它看起来像是与许可证有关。iFrame中的主体是空的，但是有一些缩小的JS，在第一行有一个注解：
/*！如需受权信息，请参阅iframe-bundle.js.LICENSE.txt */
有人知道如何防止这个iFrame出现吗？

typescript

来源：https://stackoverflow.com/questions/70721056/transparent-iframe-blocks-mouse-event-when-using-react-scripts-start

5条答案

按热度按时间

wsewodh21#

这就是我的解决之道：

npm upgrade react-scripts

赞(0）回复(0）举报 2022-11-18

a11xaf1n2#

这对我很有效：

"react-error-overlay": "6.0.9",

并将固定的依赖关系版本添加到package.json的resolutions部分：

"resolutions": {
  "//": "See https://github.com/facebook/create-react-app/issues/11773",
  "react-error-overlay": "6.0.9"
},

注意：请将此依赖项放入package.json的"resolutions":{ }中。它在“devDependencies”或“dependencies”中不起作用。

赞(0）回复(0）举报 2022-11-18

brccelvz3#

您需要将React-Scripts升级到最新版本

npm install react-scripts@latest

赞(0）回复(0）举报 2022-11-18

egdjgwm84#

我的解决方案npm安装--保存--保存确切的React脚本@5.0.0然后rm -rf节点模块&& rm -rf包锁. json y然后npm安装和npm启动=）

赞(0）回复(0）举报 2022-11-18

zbq4xfa05#

升级到react-scripts v5的方式让它为我工作：

npm i react-scripts@5.0.0

赞(0）回复(0）举报 2022-11-18

我来回答

typescript 透明iFrame在使用react-scripts启动时阻止鼠标事件

5条答案

相关问题

热门标签

最新问答