React iframe強制注入


パーソナルポートフォリオページの作成中に問題が発生しました.
Reactで作成中...
コードを保存すると、ページをリフレッシュする前に何もクリックできない奇妙な現象が発生します.
問題画面

結論から言う.
「react-scriptscreate-act-appで使用される既知のエラー」
解決策
  • package.jsonに次のコードを追加します.
  • "resolutions": {
      "react-error-overlay": "6.0.9"
    }
  • package.jsonのコードは次のようになります.
  • {
      "name": "whatever",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        ...
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
      "resolutions": {
        "react-error-overlay": "6.0.9"
      },
      ...
    }
    node modulesとpackage-lockもあります.jsonまたは糸.ロックを削除してパッケージを再インストールします!
    コメントサイト
    https://stackoverflow.com/questions/69051008/react-injecting-iframe-with-max-z-index-on-reload-after-changes-development