僅在 IE11 中定期為我的網站顯示空白白頁

Question

我使用 react、babel、webpack 和后端 Django 框架創建了一個網站。 在 Chrome、Safari、Firefox 等其他瀏覽器中運行我的網站時，它工作得非常好。 但是當涉及到 IE11 時，它最初運行良好。 但是在瀏覽同一網站上的某些頁面后，它會顯示一個空白的白色屏幕。 我清除了瀏覽緩存並嘗試在 IE11 中進行隱私瀏覽，它可以正常工作一段時間，然后重復出現黑屏並繼續。

在代碼級別，感謝社區，我嘗試使用 react-app-polyfill 和 core-js 形式的 polyfill，但沒有成功。 我也嘗試添加這個但沒有用

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

請提出一些好的解決方案來克服這個問題。

提前致謝

Answer 1

你在使用 create-react-app 嗎？ 如果是這樣，那么 go 並編輯 package.json。

  "development": [
  "ie 11",
  "last 1 chrome version",
  "last 1 firefox version",
  "last 1 safari version"
]}

然后在 index.js 中添加這些行：

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

重要的是刪除 node_modules 並重新安裝它們。

這是有關該主題的更多信息。

Answer 2

這個問題的解決方案來自不同社區的多個答案的輸入。

1. 我引用了 core-js package 及其在.babelrc 文件中的版本，還在像這樣的目標變量下添加了瀏覽器列表

    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "entry",
        "corejs": {"version": "3.6.5"},
        "debug": true,
        "targets": {
          "browsers": [
            "ie 11",
            "last 1 version",
            "> 1%"
          ]
        }
      }
    ]
  ]

2. 在入口 js 文件中導入 core-js 和 regenerator-runtime [default.js]

import "core-js/stable";
import "regenerator-runtime/runtime";

之后，我刪除了節點模塊中的緩存文件夾並運行了安裝和構建

該網站在 IE11 中工作

謝謝大家