仅在 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 吗？如果是这样，那就去编辑 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 并重新安装它们。

Here 是关于该主题的更多信息。

Answer 2

这个问题的解决方案来自不同社区的多个答案。

我在 .babelrc 文件中引用了 core-js 包及其版本，还在目标变量下添加了浏览器列表，如下所示

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

入口js文件中导入了core-js和regenerator-runtime[default.js]

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

之后，我删除了节点模块中的缓存文件夹并运行安装和构建

该站点在 IE11 中运行

谢谢大家

仅在 IE11 中为我的网站定期显示空白白页

Displaying Blank white pages regularly for my website only in IE11

javascript

polyfills

internet-explorer-11

reactjs

webpack