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，並且您在添加一些代碼后遇到此問題，那么我建議您嘗試提供有關它的詳細信息。 它可以幫助我們正確理解問題。

感謝您的理解。