Create-React-App 在 IE11 上显示空白屏幕。错误：SCRIPT5009：'WebSocket' 未定义和 SCRIPT5009：'Promise' 未定义

【问题标题】：Create-React-App displaying blank screen on IE11. ERRORS: SCRIPT5009: 'WebSocket' is undefined and SCRIPT5009: 'Promise' is undefinedCreate-React-App 在 IE11 上显示空白屏幕。错误：SCRIPT5009：'WebSocket' 未定义和 SCRIPT5009：'Promise' 未定义
【发布时间】：2021-01-11 16:59:25
【问题描述】：

CRA 在其他所有浏览器上都能正常工作，但在 IE 上显示空白屏幕。我试过安装 react-app-polyfill 2.0 和 1.0.6，把导入“react-app-polyfill/ie11” 在 src/index.js 文件的顶部导入“react-app-polyfill/stable”。以及将“ie 11”放入 dev 和 prod env 的 browserList 中。我还删除了 node_modules 中的 .cache 文件，但仍然弹出相同的错误。这是我的代码：

package.json file dependencies

paackage.json file browserList

Polyfill imports

以下是我收到的错误消息：

Whole error

'WebSocket'is undefined points to this

'Promise' is undefined error points to this

【问题讨论】：

标签： javascript reactjs internet-explorer browser error-handling

【解决方案1】：

我们可以看到您已经添加了react-app-polyfill，并在浏览器列表中添加了"ie 11"。

我建议您保留这些设置并参考以下步骤。

如果这是一个新创建的应用程序并且不支持 IE 11，那么我建议您使用命令 npm install core-js 安装 core-JS 并在 @987654327 的第一行添加 import 'core-js/stable' @文件。

index.js 文件的开头应如下所示。

import 'core-js/stable';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import React from 'react';
import ReactDOM from 'react-dom';

之后删除node_modules 下的.cache 文件夹，然后再次尝试运行该项目。它可以帮助您在 IE 11 中运行它。

如果您的 React 应用程序使用 IE 11 并且您在添加一些代码后遇到此问题，那么我建议您尝试提供有关它的详细信息。它可以帮助我们正确理解问题。

感谢您的理解。

【讨论】：