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

【问题标题】：Displaying Blank white pages regularly for my website only in IE11仅在 IE11 中定期为我的网站显示空白白页
【发布时间】：2020-05-14 13:14:01
【问题描述】：

我使用 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" />

请提出一些好的解决方案来解决这个问题。

提前致谢

【问题讨论】：

这能回答你的问题吗？ Why IE 11 display blank page rendering react app
在显示空白页时是否在控制台中显示任何错误？任何特定页面都会发生这种情况吗？请检查 Babel 是否配置正确。参考：blog.steven266.de/…
SCRIPT5078: 无法重新定义不可配置的属性 'startsWith' - 这是页面变为空白时出现的错误
JavaScript 异常“无法重新定义不可配置的属性”在尝试重新定义属性时发生，但该属性是不可配置的。参考：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

标签： javascript reactjs webpack internet-explorer-11 polyfills

【解决方案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 是有关该主题的更多信息。

【讨论】：

Damian，该项目不是使用 create-react-app 创建的，但我之前尝试过这个解决方案，但它对我不起作用。您对此有其他解决方案吗？
你能发布你的 package.json 设置吗？
这里是包 json 依赖的链接link

【解决方案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 中运行

谢谢大家

【讨论】：