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

Question

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

package.json 文件依赖

包.json文件浏览器列表

Polyfill 进口

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

整个错误

'WebSocket' 未定义指向此

'Promise' 是未定义的错误点

Answer 1

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

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

如果这是一个新创建的应用程序并且不能使用 IE 11，那么我建议您使用命令npm install core-js并在index.js文件的第一行添加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';

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

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

感谢您的理解。